Skip to content

Commit

Permalink
Fix issues #2328 and #2378
Browse files Browse the repository at this point in the history
  • Loading branch information
mcking65 committed Jun 13, 2022
1 parent 3ce9847 commit ac5d88a
Showing 1 changed file with 9 additions and 13 deletions.
22 changes: 9 additions & 13 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,11 @@
</head>
<body>
<div id="top-card">
<h1>ARIA Authoring Practices Guide Home</h1>
<h1>ARIA Authoring Practices Guide (APG) Home</h1>
<p>
Learn to use the accessibility semantics defined by ARIA
to create accessible rich internet applications.
Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences.
This guide describes how to apply accessibility semantics to common design patterns and widgets.
It provides design patterns and functional examples
complemented by in-depth guidance for fundamental practices.
It provides design patterns and functional examples complemented by in-depth guidance for fundamental practices.
</p>
<a href="patterns/">View Patterns</a>
<img
Expand All @@ -35,13 +33,11 @@ <h2>APG Resources</h2>
<p>Building blocks that help you make the web accessible</p>
<ul>
<li>
<h3>Design Patterns and Widgets</h3>
<h3>Design Patterns and Examples</h3>
<p>
Learn how to make common rich internet application patterns and
widgets accessible by applying WAI-ARIA roles, states and
properties, and implementing keyboard support.
Learn how to make accessible web components and widgets with ARIA roles, states and properties and by implementing keyboard support.
</p>
<a href="patterns/" aria-label="View patterns">Learn More</a>
<a href="patterns/" aria-label="Learn more about APG patterns and examples">Learn More</a>
<img alt="A menagerie of widgets." src="img/index-2.svg">
</li>
<li>
Expand All @@ -51,7 +47,7 @@ <h3>Use ARIA Landmarks</h3>
to make it easy for assistive technology users to understand the
meaning of the layout of a page.
</p>
<a href="practices/landmark-regions/" aria-label="View landmarks guide">Learn More</a>
<a href="practices/landmark-regions/" aria-label="Learn more about ARIA landmarks">Learn More</a>
<img
alt="A document flies apart into chunks."
src="img/index-3.svg"
Expand All @@ -65,7 +61,7 @@ <h3>Providing Accessible Names and Descriptions</h3>
responsibilities authors have when developing accessible web
experiences.
</p>
<a href="practices/names-and-descriptions/" aria-label="View names and descriptions guide">Learn More</a>
<a href="practices/names-and-descriptions/" aria-label="Learn more about accessible names and descriptions">Learn More</a>
<img
alt="Indicators delve inside a document."
src="img/index-4.svg"
Expand All @@ -77,7 +73,7 @@ <h3>And So Much More...</h3>
Learn about other fundamental practices related to correctly using accessibility semantics,
developing keyboard interfaces, and more.
</p>
<a class="button-link" href="practices/" aria-label="View practices">Learn More</a>
<a class="button-link" href="practices/" aria-label="Learn more about APG practices">Learn More</a>
<img
alt="A box with an accessibility label is chock full of widgets and document bits."
src="img/index-5.svg"
Expand Down

0 comments on commit ac5d88a

Please sign in to comment.