The ACM CHI Conference on Human Factors in Computing Systems is the premier international conference of Human-Computer Interaction (HCI). CHI – pronounced 'kai' – annually brings together researchers and practitioners from all over the world and from diverse cultures, backgrounds, and positionalities, who have as an overarching goal to make the world a better place with interactive digital technologies.

CHI 2022 is structured as a Hybrid-Onsite full conference from April 30–May 5 in New Orleans, LA.

Categories
Accessibility Hybrid Conference

Outstanding Access Issues with Hubb

Outstanding Access Issues with Hubb

While accessibility concerns played a huge role in choosing the digital platform for CHI 2022 and the accessibility chairs working tirelessly with Hubb to improve their system, we have not managed to have all identified issues ready in time for the conference. We do continue to check for and identify issues, and also improve the system where we can—please let us know if you encounter errors. We present here the list of outstanding issues so that attendants may identify how this potentially impacts their participation and contact the accessibility chairs to identify possible work-arounds.

  • General Issues
    • Generally viewing on a small screen or increasing the font for readability will result in text running off the page, which isn’t scrollable to be read, and other page elements appear to overlap.
  • Making appointments with others
    • The ordering of elements is confusing when scheduling meetings and on the message pages.
    • Meeting boxes act as buttons and the ‘+ Select’ button seems to be the same. It seems like it doesn’t matter where you click to get to the next screen, and for a screen reader it just mentions the larger box is the button.
    • The send invite button is at the top of the interface (next to the button labeled “select”), before the user enters the meeting details.
    • The cancel meeting option, though is activatable with a screen reader, does not announce itself as a link or a button unless it is pressed for the first time. After the first press, it announces itself as a link. This could result in the users assuming that the control is inaccessible.
    • When using the schedule an online meeting feature (the flow that lets us select one of pre-created zoom rooms), and selecting a room:
      • NVDA announces “table with 0 rows and 0 columns” when going through the rooms.
      • When going through each room, NVDA announces “button button”, 20, and “yes” or “no”. It is unclear what this information was mapping to.
  • Welcome Page
    • The settings icon on the teaser video can’t be selected using VO(control+option)+Space.
    • There is an H2 heading saying “Welcome To” but nothing else. This H2 heading is also above an H1 heading which says “CHI 2022”.
    • There are a bunch of links labeled “resized” after the text “FemWork: Critical Pivot towards design for inclusive labor features” in the main page.
  • Photobooth
    • When I navigate to the main content page it say “frame 0, main”. Participants then have to go into the frame before they can explore content.
    • The CHI logo within the frame has confusing alt text “Snapbar” rather than mentioning it is the CHI logo.
    • There’s a link with the text “here”. It should be more descriptive.
  • CHI Community
    • The heading in the main window goes from H2 to H1.
  • Program Page
    • There is an “add to schedule” clickable item in addition to the button that says “Add to schedule.” Same for remove.
    • In the program view that has multiple sessions (on or after May 2), each paper is tagged with a heading level 3. However, there is no such annotation for sessions, making it hard to jump between sessions.
  • Posters and Demos
    • There seems to be an unlabelled or empty link after each authors(s).
  • Notifications
    • Notifications message isn’t easy to access using a screen reader on mobile.
  • Mobile Use
    • When tapping through homepage, voiceover on mobile reads menus that aren’t visible because they are hidden behind the burger menu
Categories
Accessibility

CHI 2022 Website Accessibility

CHI 2022 Website Accessibility

We are trying to make all the aspects of CHI 2022 as accessible as possible to everyone. Making the CHI 2022 conference website accessible is part of that effort. In this blog post, we share what members of the organizing committee have been doing to make the website accessible.

An accessible web site is one that can be used efficiently by people in a variety of ways. Some of our community members use large fonts, high contrast color settings, or screen magnification. Others listen to web pages and navigate them using a screen reader. Some people use only a keyboard, or a braille display. Some of us have color vision differences, or are sensitive to animation or clutter. Some rely on captions or transcripts to receive audio information. Our goal is to make information about CHI easily accessible and easy to navigate, no matter how each user approaches it.

In the process of making and deploying the CHI 2022 website, the Web Chairs designed the site with accessibility in mind, and the Accessibility Chairs evaluated the site’s accessibility. All pages on the website were designed and generated using WordPress; the Web chairs edited the WordPress’s HTML templates to adhere to W3C Web Content Accessibility Guidelines (WCAG 2.1), more specifically WCAG 2.1 AA standards. Accessibility Chairs then assessed the accessibility of the landing page and subpage that were generated from those templates. Following the SIGACCESS Accessible Conference Guide and IBM’s Accessibility Checklist, Accessibility Chairs evaluated the website with the four-step process, which involved:

  • Automatic test of whether the pages met basic accessibility requirements (e.g., presence of alt text for figures) using Equal Access Accessibility Checker, Lighthouse, and Wave tools.
  • Manual test of whether the controls (e.g., links) can be reached and operated just with a keyboard.
  • Manual check to see if magnifying the content and changing the contrast break the design of the web pages.
  • Manual test of the navigability of the web pages with screen readers using NVDA on a Windows desktop computer and VoiceOver on a MacBook Pro.

We identified a few minor accessibility issues that would not prevent people from using the web site. We reported those minor issues to the Web Chairs.

Automated Accessibility Check

Lighthouse and Wave allowed us to identify accessibility problems in the early version of the WordPress templates. Lighthouse, a tool that can be used through Google Chrome’s DevTools, provides a score of how accessible the page is and reveals accessibility problems if any can be automatically detected. Wave is another tool that allows us to inspect the accessibility of a web page. We used the two tools to uncover as many accessibility problems as possible. Although automated tools cannot find all accessibility problems, they are an important first step.

Keyboard Accessibility

Some of our community members use a keyboard and no mouse, so we manually tested whether we can navigate the web page with only a keyboard to assess keyboard accessibility. We:

  • Checked to see if a user can use a Tab key to navigate through interactive elements (e.g., links).
  • Assessed intuitiveness of keyboard-based navigation order and comprehensibility of website sections.

All the links on the page could be reached using a Tab key (and Shift+Tab) alone, and we could jump to the target web page by hitting Enter key. The structure of the web page was simple and intuitive to navigate. Because there were no custom widgets like dialog boxes and form elements, we did not test their accessibility.

Magnification and Contrast Cadjustment

We manually tested if controlling the font size and contrast would affect the accessibility of the web site. We used the operating system’s built-in zooming features (e.g., magnifier in Windows, macOS’s zooming feature) and the browsers’ zooming features (e.g., Google Chrome’s zooming feature). We visually inspected the DOM reflow at 200% zoom level on Google Chrome; WCAG standards require that readers should be able to increase the font size up to 200% without breaking the page layout. We did not identify any breaking issues with the page layout.

We also used Google Chrome’s “High Contrast” feature to invert screen color, greyscale and adjust contrast to see the visibility of the web contents. Manual inspection of the color inverted and contrast adjusted content showed that the web page contents are legible even after the adjustment.

Screen Readers

To assess the accessibility of the website with a screen reader, we manually inspected with VoiceOver and read out the web page content on macOS and iPhone. We used NVDA to assess the screen readability on Windows. We found that the reading experience was good and did not identify any noticeable accessibility problems. The Assistant to the Accessibility co-chairs, who is blind, evaluated the site with a screen reader.

Questions or Concerns

If you have any concerns or identify accessibility issues, please contact our Accessibility Chairs, Dhruv Jain, Garreth Tigwell, Zainab AlMeraj, and Kotaro Hara by email: accessibility@chi2022.acm.org, and someone will respond to you shortly.