Home > WCAG HTML Techniques

H84 Example 1: Using a button with a select element to perform an action

Select a Month and Enter a Year:
Month: Year:

Confirmation:
You have selected the month of
You entered the year

Source: WCAG H84

Tested on:

Windows 7, Firefox ESR 45.4.0, and JAWS 17.
- Result: No changes are made until the user selects the Show button.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver announces
  - Select a Month and enter a Year
  - Month, Month Januaray, pop-up button.
  - January selected by default on the combo box.
  - Year text field "enter 2017".
  - Show button end main. "After the click on ths show button".
  - Confirmation.
  - You have selected the month of January, text field, double tap to edit.
  - You entered the year, 2017, text field, end main, double tap to edit.
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces