The Standard of Web Content Accessibility Guidelines (WCAG) 2.0

Download The Standard of Web Content Accessibility Guidelines (WCAG) 2.0

Post on 28-May-2015

399 views

Category:

Education

2 download

Embed Size (px)

DESCRIPTION

The Standard of Web Content Accessibility Guidelines (WCAG) 2.0 for Joomla!Day Bangkok 2013

TRANSCRIPT

  • 1. TheStandardofWebContent AccessibilityGuidelines(WCAG)2.0 Joomla!DayBangkok2013 Name: Supachai Teasakul! Location: Bangkok, Thailand! Position: Joomla Translation WG - Joomla.org, ! " "LaiThai Developer Team, ! " "Project Manager - Marvelic Engine Co.,Ltd.! Web: !Marvelic.co.th! Twitter: !@supa_chai!

2. AboutWebContentAccessibility (WCAG) 2.0 ! ! , , , , , ! 3. TheStandard (WCAG) 2.0 ISO/IEC 40500:2012! http://www.iso.org/iso/home/store/catalogue_tc/catalogue_detail.htm?csnumber=58625! .. 2554! .. 2554-2563! .. 2550! 4. (Principle) 4 ! ! 1 - (Perceivable)! 2 - (Operable)! 3 - (Understandable)! 4 - () (Robust)! 5. (Guideline) ! ! 1.1 - (Text) ! 1.2 - ! 1.3 - ! 1.4 - () ! 2.1 - ! 2.2 - ! 2.3 - ! 2.4 - ! 3.1 - ! 3.2 - ! 3.3 - ! 4.1 - User Agent ()! 6. (Helpful) WCAG ! ! (Visual)! (Motor / Mobility)! (Auditory)! / (Seizures)! (Cognitive / Intellectual)! 7. (Success Criteria) ! 3 ! ! (A) ! ** ()! (AA) ! ** ()! (AAA) ! ** ()! Reference : http://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html! 8. (Level) *(Icon) ! 3 ! (A) ! ! (AA) ! ! (AAA) ! 3 !* Reference : http://www.w3.org/WAI/WCAG2-Conformance! 9. Jomla!AccessibilityStandards WCAG, ! WCAG is produced and maintained by the World Wide Web consortium (W3C). WCAG's standards are based on three levels named Priority 1, Priority 2, and Priority 3. Priority 1 maintains the most basic requirements that a site should attain in order to be accessible. A good place to start in getting more information about WCAG can be found in their Web Content Accessibility Guidelines 2.0 ! (http://www.w3.org/TR/WCAG20/)! ! !Section 508, ! Section 508 is a US federal law enacted in 1998. Its basis was for use in all government agencies but it has since been adopted by the wider community as a benchmark for web accessibility. For more information on Section 508 we suggest you have a look at the ofcial website. ! (http://www.section508.gov)! 10. WebAccessibilityonJoomla! 2 ! Content : HTML (HTML Elements, HTML Attributes)! ! Template : ! 11. Accessibility inContent Images alternative text! Link title! Modal boxes! Medias in content! Forms are accessible! Site map! 12. Accessibility inTemplate Template! Style! Font size tools! TAB keyboard support! Screen Reader support! 13. Joomla ALT ! (HTML Headings) H1-H6 ! ! :focus TAB ! ! AIM (http://webaim.org/resources/contrastchecker/)! *WAI-ARIA Joomla ! !! * WAI-ARIA [ Web Accessibility Initiative (WAI) - Accessible Rich Internet Applications (ARIA) ]! http://www.w3.org/TR/wai-aria/! http://www.w3.org/WAI/! http://www-03.ibm.com/able/resources/wai_aria_intro.html! 14. AccessibilityExtensions ScreenReader ArLclePXFontSize Resizer&HighContrast Zoom http://extensions.joomla.org/extensions/style-a-design/accessibility! 15. Reference http://www.w3.org/TR/WCAG20/! http://www.w3.org/WAI/intro/wcag.php! http://th.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines! http://www.thaiwebaccessibility.com/! http://thaicss.com/! http://docs.joomla.org/Accessibility_standards!Validated site, http://www.thaiwebaccessibility.com/validated-site! http://wave.webaim.org/! http://webaim.org/resources/contrastchecker/! 16. ThankYou

Recommended

View more >