Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-4051

Field-level accessibility issues

    XMLWordPrintable

    Details

    • Type: Story
    • Status: Open
    • Priority: Neutral
    • Resolution: Unresolved
    • Affects Version/s: 5.4.9
    • Fix Version/s: None
    • Component/s: dialogs

      Description

      Dropdown field:

      • A screen reader cannot navigate to a combobox (dropdown) field. It jumps from the field label directly into to the context sensitive help button that is after the field. Possible causes:
        • Dropdown field is input type=text while it should be input type=select.
        • Dropdown field is aria-readonly="true" while it should be editable.
        • Dropdown field HTML contains no option values but the visible field does.
          Provide instructions how to use native select elements, an option with Vaadin, to substitute the current combobox elements if the combobox cannot be made screen reader friendly.

      Context sensitive help:

      • Help text is not recognized by screen reader. The reader cannot speak it. Bind the help text to the corresponding field with an ARIA attribute.

      Rich text field (CKEditor)

      • The rich text field label is not bound to the correct input element. The field consists of two nested divs. Both divs have an aria-labelledby property. The outer div has the correct value but the inner field has a wrong value aria-labelledby="cke_editor1_arialbl". The screen reader doesn't speak anything because the reference points to a non-existing label. (screenshot). This is a bug. Try to fix CKEditor on our side. Remove the wrong ARIA attribute.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              ahietala Antti Hietala
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated:

                  Time Tracking

                  Estimated:
                  Original Estimate - 2d
                  2d
                  Remaining:
                  Remaining Estimate - 2d
                  2d
                  Logged:
                  Time Spent - Not Specified
                  Not Specified