Scribd
Upload
10 views4 pages

Accessibility - MDN

Uploaded by

lienz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views4 pages

Accessibility - MDN

Uploaded by

lienz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

3/6/24, 16:34 Accessibility | MDN

Accessibility
Accessibility (often abbreviated to A11y — as in, "a", then 11 characters, and then "y") in web
development means enabling as many people as possible to use websites, even when those
people's abilities are limited in some way.
For many people, technology makes things easier. For people with disabilities, technology
makes things possible. Accessibility means developing content to be as accessible as
possible, no matter an individual's physical and cognitive abilities and how they access the
web.
"The Web is fundamentally designed to work for all people, whatever their hardware,
software, language, location, or ability. When the Web meets this goal, it is accessible to
people with a diverse range of hearing, movement, sight, and cognitive ability." (W3C -
Accessibility )

Key tutorials
The MDN Accessibility Learning Area contains modern, up-to-date tutorials covering the
following accessibility essentials:
What is accessibility?
This article starts off the module with a good look at what accessibility actually is — this
includes what groups of people we need to consider and why, what tools different people
use to interact with the Web, and how we can make accessibility part of our web
development workflow.
HTML: A good basis for accessibility

https://developer.mozilla.org/en-US/docs/Web/Accessibility 1/4
3/6/24, 16:34 Accessibility | MDN

A great deal of web content can be made accessible just by making sure that the correct
HTML elements are used for the correct purpose at all times. This article looks in detail at
how HTML can be used to ensure maximum accessibility.
CSS and JavaScript accessibility best practices
CSS and JavaScript, when used properly, also have the potential to allow for accessible
web experiences. They can significantly harm accessibility if misused. This article outlines
some CSS and JavaScript best practices that should be considered to ensure that even
complex content is as accessible as possible.
WAI-ARIA basics
Following on from the previous article, sometimes making complex UI controls that involve
unsemantic HTML and dynamic JavaScript-updated content can be difficult. WAI-ARIA is a
technology that can help with such problems by adding in further semantics that browsers
and assistive technologies can recognize and let users know what is going on. Here we'll
show how to use it at a basic level to improve accessibility.
Accessible multimedia
Another category of content that can create accessibility problems is multimedia — video,
audio, and image content need to be given proper textual alternatives so that they can be
understood by assistive technologies and their users. This article shows how.
Mobile accessibility
With web access on mobile devices being so popular and popular platforms such as iOS
and Android having fully-fledged accessibility tools, it is important to consider the
accessibility of your web content on these platforms. This article looks at mobile-specific
accessibility considerations.

Other documentation
Understanding the Web Content Accessibility Guidelines

https://developer.mozilla.org/en-US/docs/Web/Accessibility 2/4
3/6/24, 16:34 Accessibility | MDN

This set of articles provides quick explanations to help you understand the steps that need
to be taken to conform to the recommendations outlined in the W3C Web Content
Accessibility Guidelines 2.0 (WCAG 2.0 or just WCAG, for the purposes of this writing).
Introduction to color and accessibility
This article discusses our perception of light and color, provides a foundation for the use of
color in accessible designs, and demonstrates best practices for visual and readable
content.
Keyboard-navigable JavaScript widgets
Until now, web developers who wanted to make their styled <div> and <span> based
widgets accessible have lacked proper techniques. Keyboard accessibility is part of the
minimum accessibility requirements, which a developer should be aware of.
ARIA
This is a collection of articles to learn how to use Accessible Rich Internet Applications
(ARIA) to make your HTML documents more accessible.
Mobile accessibility checklist
This article provides a concise checklist of accessibility requirements for mobile app
developers.
Cognitive accessibility
This article explains how to ensure that the web content you're creating is accessible to
people with cognitive impairments.
Accessibility for seizure disorders
Some types of visual web content can induce seizures in people with certain brain
disorders. This article helps you understand the types of content that can be problematic
and find tools and strategies to help you avoid them.

See also
https://developer.mozilla.org/en-US/docs/Web/Accessibility 3/4
3/6/24, 16:34 Accessibility | MDN

WAI Interest Group


Developer guides

Help improve MDN


Was this page helpful to you?
Yes No
Learn how to contribute.
This page was last modified on Apr 17, 2024 by MDN contributors.

https://developer.mozilla.org/en-US/docs/Web/Accessibility 4/4

You might also like