Skip to content

Commit cef574b

Browse files
Merge pull request #3232 from MicrosoftDocs/user/mikehoffms/skip-h3
Skip h3 in all files in repo, to show main structure of articles
2 parents e73dc72 + 6ef1062 commit cef574b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+1292
-847
lines changed

microsoft-edge/accessibility/build/index.md

Lines changed: 87 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,9 @@ For more information on web accessibility, check out the [Introduction to Web Ac
4141

4242
The [Accessible Rich Internet Applications (ARIA)](https://www.w3.org/TR/wai-aria) specification by the W3C's [Web Accessibility Initiative](https://www.w3.org/WAI) defines as a syntax for making dynamic web content and custom user interfaces accessible to all people. ARIA extends HTML by using additional attributes (roles, properties, and states) that are designed to convey custom semantics. These attributes are used by browsers to pass along the controls' state and role to the accessibility API.
4343

44-
### Roles, properties, and states
44+
45+
<!-- ------------------------------ -->
46+
#### Roles, properties, and states
4547

4648
ARIA roles are set on elements using the [role](https://developer.mozilla.org/docs/Web/HTML/Reference) attribute to give assistive technologies and accessibility APIs information about the element. For example, the below `<li>` element is assigned `role="menuitem"` to signify that it's an item in a menu.
4749

@@ -82,17 +84,23 @@ Different browsers might map elements to the platform accessibility APIs differe
8284

8385
WebAIM conducts surveys with [screen reader](https://webaim.org/projects/screenreadersurvey8) and [low vision](https://webaim.org/projects/lowvisionsurvey2) users that help you decide which assistive technologies and browsers to test.
8486

85-
### Learning how to test
87+
88+
<!-- ------------------------------ -->
89+
#### Learning how to test
8690

8791
Assistive technologies are sophisticated tools. Don't assume that you're able to immediately start testing with an assistive technology without first learning about how it works. Learning to test with a screen reader has an especially steep learning curve. A novice user of screen readers might think that a screen reader has a bug, while the issue might actually be an error in using the screen reader.
8892

8993
[Testing with Screen Readers](https://webaim.org/articles/screenreader_testing) at WebAIM provides more information about learning to test with assistive technologies.
9094

91-
### Testing locally
95+
96+
<!-- ------------------------------ -->
97+
#### Testing locally
9298

9399
Most devices include assistive technology that is built-in to the OS. Microsoft Windows includes the [Windows Narrator](https://support.microsoft.com/help/22798) screen reader and [Windows Magnifier](https://support.microsoft.com/windows/414948ba-8b1c-d3bd-8615-0e5e32204198). 3rd party assistive technologies like [NVDA](https://www.nvaccess.org/about-nvda), [FreedomscientificSoftwareJaws](https://www.freedomscientific.com/products/software/jaws), and [ZoomText](https://www.freedomscientific.com/products/software/zoomtext) are available to download. Apple macOS includes the [VoiceOver](https://www.apple.com/accessibility/mac/vision) screen reader. And iOS, Android, and Linux all support a variety of assistive technologies.
94100

95-
### Testing in virtual machines and emulators
101+
102+
<!-- ------------------------------ -->
103+
#### Testing in virtual machines and emulators
96104

97105
Under macOS, if you want to test with an assistive technology only available for Windows, like Windows Narrator or NVDA, create a Windows virtual machine.
98106

@@ -101,7 +109,9 @@ Under macOS, if you want to test with an assistive technology only available for
101109
> [!NOTE]
102110
> The iOS Simulator doesn't currently include VoiceOver.
103111
104-
### Cloud-based testing tools
112+
113+
<!-- ------------------------------ -->
114+
#### Cloud-based testing tools
105115

106116
If an assistive technology isn't available on your OS or you not possible to install one on a virtual machine or emulator, cloud-based assistive technology testing tools are the next best thing.
107117

@@ -115,11 +125,15 @@ See also [Cloud-based emulators and simulators](../../devtools-guide-chromium/de
115125

116126
These are projects and initiatives for accessibility.
117127

118-
### The A11Y project
128+
129+
<!-- ------------------------------ -->
130+
#### The A11Y project
119131

120132
[The A11Y Project](http://a11yproject.com) is a community-driven effort to make web accessibility easier. Check out [The A11Y Project](https://a11yproject.com) site to learn about basic accessibility principles, their accessible pattern and widget [library](https://a11yproject.com/patterns), and their [resources](http://a11yproject.com/resources.html) on accessibility software, blogs, books, and tools.
121133

122-
### Web Accessibility Initiative (WAI)
134+
135+
<!-- ------------------------------ -->
136+
#### Web Accessibility Initiative (WAI)
123137

124138
The W3C [Web Accessibility Initiative (WAI)](https://w3.org/WAI) is an effort to help improve the accessibility of the web. Their site provides a variety of resources for [Getting Started with Web Accessibility](https://www.w3.org/WAI/gettingstarted/Overview.html), [Designing for Inclusion](https://www.w3.org/WAI/users/Overview.html), [tutorials and presentations](https://www.w3.org/WAI/train.html), and more.
125139

@@ -129,11 +143,15 @@ The W3C [Web Accessibility Initiative (WAI)](https://w3.org/WAI) is an effort to
129143

130144
These are blogs about accessibility.
131145

132-
### TPGi, LLC
146+
147+
<!-- ------------------------------ -->
148+
#### TPGi, LLC
133149

134150
[TPGi, LLC](https://www.tpgi.com/blog) provides consulting and technology solutions to organizations around the world to ensure that their clients reach all audiences effectively and efficiently, while meeting governmental and international standards. Their blog covers topics like web accessibility best practices, accessibility tools, and accessibility trends.
135151

136-
### Level Access
152+
153+
<!-- ------------------------------ -->
154+
#### Level Access
137155

138156
[Level Access](https://www.levelaccess.com/blog) is a digital accessibility firm supporting their clients in developing and deploying accessible products and services. Their blog addresses topics like ARIA best practices, accessibility trends, webinars, and more.
139157

@@ -143,15 +161,21 @@ These are blogs about accessibility.
143161

144162
These are libraries and examples for accessibility.
145163

146-
### ally.js - Tutorials
164+
165+
<!-- ------------------------------ -->
166+
#### ally.js - Tutorials
147167

148168
JavaScript library to help modern web applications with accessibility concerns by making accessibility simpler. For more information, go to [ally.js - Tutorials](http://allyjs.io/tutorials).
149169

150-
### OpenAjax examples
170+
171+
<!-- ------------------------------ -->
172+
#### OpenAjax examples
151173

152174
The [OpenAjax Alliance website](http://oaa-accessibility.org) is an excellent resource for verifying the rules for WAI-ARIA and provides a number of examples of WAI-ARIA implementations.
153175

154-
### Patterns
176+
177+
<!-- ------------------------------ -->
178+
#### Patterns
155179

156180
[The A11Y Project](http://a11yproject.com) offers a library of accessible widgets and patterns like menus, buttons, tooltips, and more. For more information, go to [Patterns](http://a11yproject.com/patterns.html).
157181

@@ -161,70 +185,104 @@ The [OpenAjax Alliance website](http://oaa-accessibility.org) is an excellent re
161185

162186
These are techniques and tools for improving accessibility.
163187

164-
### Accessibility: Creating accessible extension icons for Microsoft Edge
188+
189+
<!-- ------------------------------ -->
190+
#### Accessibility: Creating accessible extension icons for Microsoft Edge
165191

166192
Get guidance on creating accessible extensions icons for Microsoft Edge. For more information, go to [Accessibility: Creating accessible extension icons for Microsoft Edge](/archive/microsoft-edge/legacy/developer/extensions/guides/accessibility).
167193

168-
### Accessible Name and Description: Computation and Mappings 1.1
194+
195+
<!-- ------------------------------ -->
196+
#### Accessible Name and Description: Computation and Mappings 1.1
169197

170198
This W3C mapping document explains how browsers determine name and descriptions of accessible objects from web content languages and expose them in accessibility APIs. For more information, go to [Accessible Name and Description: Computation and Mappings 1.1](https://www.w3.org/TR/accname-1.1).
171199

172-
### Accessibility Evaluation Resources
200+
201+
<!-- ------------------------------ -->
202+
#### Accessibility Evaluation Resources
173203

174204
Accessibility Evaluation Resources is a multi-page resource by the W3C that outlines different approaches for evaluating websites for accessibility. For more information, go to [Accessibility Evaluation Resources](https://www.w3.org/WAI/eval/Overview.html).
175205

176-
### Assistive technology compatibility tests
206+
207+
<!-- ------------------------------ -->
208+
#### Assistive technology compatibility tests
177209

178210
Test results showing how different content types and standards behave in assistive technologies (AT) like screen readers. For more information, go to [Assistive technology compatibility tests](http://www.powermapper.com/tests).
179211

180-
### Building accessible websites just got a lot easier
212+
213+
<!-- ------------------------------ -->
214+
#### Building accessible websites just got a lot easier
181215

182216
This .NET Web Development and Tools blog post describes the Visual Studio extension [Web Accessibility Checker](https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebAccessibilityChecker). For more information, go to [Building accessible websites just got a lot easier](https://devblogs.microsoft.com/aspnet/building-accessible-websites-just-got-a-lot-easier).
183217

184-
### Core Accessibility API Mappings 1.1
218+
219+
<!-- ------------------------------ -->
220+
#### Core Accessibility API Mappings 1.1
185221

186222
This W3C mapping document explains how the semantics of web content languages are exposed to accessibility APIs. For more information, go to [Core Accessibility API Mappings 1.1](https://www.w3.org/TR/core-aam-1.1).
187223

188-
### Easy Checks – A First Review of Web Accessibility
224+
225+
<!-- ------------------------------ -->
226+
#### Easy Checks – A First Review of Web Accessibility
189227

190228
A series of quick checks by the WAI that help you assess the accessibility of a web page. For more information, go to [Easy Checks – A First Review of Web Accessibility](https://www.w3.org/WAI/eval/preliminary.html).
191229

192-
### How to Meet WCAG 2.0
230+
231+
<!-- ------------------------------ -->
232+
#### How to Meet WCAG 2.0
193233

194234
A quick reference to Web Content Accessibility Guidelines (WCAG) 2.0 requirements (success criteria) and techniques. For more information, go to [How to Meet WCAG 2.0](https://www.w3.org/WAI/WCAG20/quickref).
195235

196-
### HTML Accessibility API Mappings 1.0
236+
237+
<!-- ------------------------------ -->
238+
#### HTML Accessibility API Mappings 1.0
197239

198240
This W3C mappings document explains how HTML5.1 element and attributes map to platform accessibility APIs. For more information, go to [HTML Accessibility API Mappings 1.0](https://www.w3.org/TR/html-aam-1.0).
199241

200-
### Quick Tips
242+
243+
<!-- ------------------------------ -->
244+
#### Quick Tips
201245

202246
A list of quick web development tips for accessibility by [The A11Y Project](http://a11yproject.com). For more information, go to [Quick Tips](http://a11yproject.com#Quick-tips).
203247

204-
### Site Scan
248+
249+
<!-- ------------------------------ -->
250+
#### Site Scan
205251

206252
The Site Scan tool on Microsoft Edge Dev Center checks for out-of-date libraries, layout issues, and accessibility issues. For more information, go to [Site Scan](https://developer.microsoft.com/microsoft-edge/tools).
207253

208-
### Techniques for WCAG 2.0
254+
255+
<!-- ------------------------------ -->
256+
#### Techniques for WCAG 2.0
209257

210258
Techniques from the W3C that provide guidance for web developers on meeting [Web Content Accessibility Guidelines (WCAG) 2.0](https://w3.org/TR/WCAG20) success criteria. For more information, go to [Techniques for WCAG 2.0](https://www.w3.org/TR/WCAG20-TECHS/Overview.html).
211259

212-
### Tips on Developing for Web Accessibility
260+
261+
<!-- ------------------------------ -->
262+
#### Tips on Developing for Web Accessibility
213263

214264
Tips from the W3C on developing web content that is more accessible to people with disabilities. For more information, go to [Tips on Developing for Web Accessibility](https://w3.org/WAI/gettingstarted/tips/developing.html).
215265

216-
### WAI-ARIA Authoring Practices 1.1
266+
267+
<!-- ------------------------------ -->
268+
#### WAI-ARIA Authoring Practices 1.1
217269

218270
A document by the W3C that provides readers with an understanding of how to use WAI-ARIA 1.1 and recommends approaches to make widgets, navigation, and behaviors accessible using WAI-ARIA roles, states, and properties. For more information, go to [WAI-ARIA Authoring Practices 1.1](http://w3c.github.io/aria-practices).
219271

220-
### WAI Guidelines and Techniques
272+
273+
<!-- ------------------------------ -->
274+
#### WAI Guidelines and Techniques
221275

222276
A series of web accessibility guidelines and standards developed by the WAI. For more information, go to [WAI Guidelines and Techniques](https://w3.org/WAI/guid-tech.html).
223277

224-
### Web Accessibility Evaluation Tools List
278+
279+
<!-- ------------------------------ -->
280+
#### Web Accessibility Evaluation Tools List
225281

226282
A list of web accessibility evaluation tools to help determine if websites meet accessibility guidelines. For more information, go to [Web Accessibility Evaluation Tools List](https://www.w3.org/WAI/ER/tools/index.html).
227283

228-
### Web Accessibility Perspectives: Explore the Impact and Benefits for Everyone
284+
285+
<!-- ------------------------------ -->
286+
#### Web Accessibility Perspectives: Explore the Impact and Benefits for Everyone
229287

230288
A series of short situational videos by the W3C about the impact of accessibility and the benefits for everyone. For more information, go to [Web Accessibility Perspectives: Explore the Impact and Benefits for Everyone](https://w3.org/WAI/perspectives).

0 commit comments

Comments
 (0)