{"json_modified": "2016-03-28T08:09:46.695328", "uuid": "5f73676d-0212-42a2-8b14-d231471b46a6", "title": "Building accessible custom components in XUL", "url": "/en-US/docs/Mozilla/Tech/XUL/Building_accessible_custom_components_in_XUL", "tags": ["Accessibility", "XUL", "DHTML"], "translations": [], "modified": "2016-02-28T07:23:58", "label": "Building accessible custom components in XUL", "localization_tags": [], "locale": "en-US", "id": 10003, "last_edit": "2010-12-18T09:23:14", "summary": "<a href=\"/en/ARIA/Accessible_Rich_Internet_Applications\" title=\"en/ARIA/Accessible_Rich_Internet_Applications\">DHTML Accessibility</a> is a new technology which enables developers to construct accessible controls within (X)HTML pages. Developers have been doing this for some time, but the resulting controls were never as accessible as similar controls in desktop applications. Assistive technologies could only see the generic HTML markup used to build the control; they had no way of knowing that a particular collection of <code>div</code> and <code>span</code> elements should be treated as a single cohesive control (such as a tab bar or a treeview).", "sections": [{"id": "Introduction", "title": "Introduction"}, {"id": "A_Super-Simple_Spreadsheet", "title": "A Super-Simple Spreadsheet"}, {"id": "Further_reading", "title": "Further reading"}, {"id": "Adding_Roles_With_DHTML_Accessibility", "title": "Adding Roles With DHTML Accessibility"}, {"id": "Further_reading_2", "title": "Further reading"}, {"id": "Focus_Issues", "title": "Focus Issues"}, {"id": "Further_reading_3", "title": "Further reading"}, {"id": "Adding_Keyboard_Navigation", "title": "Adding Keyboard Navigation"}, {"id": "Further_reading_4", "title": "Further reading"}, {"id": "Adding_Editing_Capabilities", "title": "Adding Editing Capabilities"}, {"id": "Further_reading_5", "title": "Further reading"}, {"id": "Future_Enhancements", "title": "Future Enhancements"}], "slug": "Mozilla/Tech/XUL/Building_accessible_custom_components_in_XUL", "review_tags": []}