Please enable JavaScript.
Coggle requires JavaScript to display documents.
Principles of Accessible Web Design, image, image - Coggle Diagram
Principles of Accessible Web Design
1. Create pages that comply with accepted standards.
:
Use standards such as HTML 4.0 Strict, Transitional, Frameset, 3.2 or 2.0.
Ensure that pages are correctly interpreted by browsers.
CSS1 or CSS2 (preferably CSS2).
2.Differentiate between structural and presentation elements.
use style sheets when appropriate
Use structural elements like <EM>, <ADDRESS>, <LI>.
Avoid presentation elements like <B> or <CENTER>.
Use CSS for separating structure from presentation.
Keep in mind that not all browsers fully support CSS.
3.Use HTML 4.0 features to provide information about purpose and function.
Utilize attributes like TITLE and CLASS to enrich the meaning of elements.
TITLE can display information in tooltips.
Improve accessibility in tables and forms with advanced attributes.
5. Provide alternative methods to access non-text content.
Include alternative descriptions (ALT) for images and graphics.
Use <OBJECT> to provide alternative content in multimedia, scripts, etc.
Offer offline methods like email or phone for inaccessible forms.
4.Ensure that pages are keyboard-navigable.
Ensure that all functionality can be used without a mouse.
Use client-side image maps with ALT attributes.
Implement attributes like ACCESSKEY and TABINDEX.
Test the site by navigating with the keyboard only.
6. Avoid common mistakes that reduce accessibility.
Avoid the use of ASCII art and flashing text.
Use clear link names that make sense out of context.
Separate links with printable characters for easier reading.
