Hi Joowon, Stackers, Joowon, thanks for initiating this discussion. Web accessibility is a priority for my company as well. I've taken a quick look at Icehouse horizon and share similar concerns. later, I'm going to go to your wiki page and share my concerns and thoughts.
I have experience with web accessibility, but I'm still quite new to the Horizon project. Part of my long term interest in the project is to see Horizon become accessible. I look forward to being involved in accessibility work. Below are my initial, unprocessed notes on accessibility issues I've informally observed. I expect to turn these into bug reports or blueprints and I get a better understanding of the project. Several Tables: - more button doesn't show focus - more menu doesn't close when focus is elsewhere - column headers don't have tabstops - filter button traps keyboard Overview: - calendar widget isn't reachable (in date range selection) - calendar widget never closes once its opened via tabbing Modal Dialog: - can tab outside of the "modal" dialog (observed on Domains, but I suspect its a global issue) - cancel button is not tabbable I don't see wai-aria tagging anywhere. It's really needed on divs that are used as widgets, like the more button pop-up - I assume but haven't verified this will cause problems with screen readers. I _think_ horizon uses jqueryUI widgets which aren't accessible. This guy has forked a set of accessible jQueryUI widgets, but I'm not sure that helps us any: http://hanshillen.github.io/jqtest/#goto_dialog It does look like bootstrap is committed to accessibility. Maybe this will be a path to getting accessible widgets? Doug Fish IBM STG Cloud Solution Development T/L 553-6879, External Phone 507-253-6879 From: Joonwon Lee <joonwon7....@samsung.com> To: openstack-dev@lists.openstack.org, Date: 01/23/2014 01:39 AM Subject: [openstack-dev] [Horizon] web accessibility issues Dear stackers, We inspected the Horizon (Havana release) for web accessibility and found the following problems, as it's required by our domestic standards. 1.1.1 Non-text Contents - A few non-text contents such as Network Topology (for Neutron) and Resource Usage (for Ceilometer) have no text alternatives. 1.3.1 Info and Relationships - There is no caption element, summary attribute in tables such as instances, volumes, images, so on. - There is no scope attribute in th elements. 1.4.3 Contrast (Minimum) - text color and background color in the left menu - text color and background color in the top menu - link color and background color in the main content area - text color and background color of the some buttons 2.1.1 Keyboard - It's not easy to handle the layered message window by keyboard only. - It may be difficult for a blind person to notice this layered error message. 2.4.1 Bypass Blocks - There is no mechanism to skip repeated contents such as menu. For example, we can add a link at the top of each page that goes directly to the main content area. 2.4.3 Focus Order - The order of navigation doesn't match the visual order in some cases. - The focus movement is not restricted to the layered pop-up window. 3.1.1 Language of Page - There is no lang attribute on the html element. 3.3.2 Labels or Instructions - Is it better to use label element to associate text labels with input elements? The above items are in the WCAG 2.0 W3C Recommendation: http://www.w3.org/TR/WCAG20/ (Web Content Accessibility Guidelines 2.0) I'd like to discuss in public how to solve these issues in the Horizon with the people who have the similar interests. However, I'm not an expert on this issues at all. Please correct me if I'm wrong at any points. I also created the wiki page. Feel free to edit it. https://wiki.openstack.org/wiki/Horizon/WebAccessibility Looking forward to seeing the reply from who wants to use the Horizon in the public cloud service. Thanks for your consideration. Regards, Joonwon Lee, Samsung SDS _______________________________________________ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev _______________________________________________ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev