Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-27843 META: Accessibility compliance for 2.x
  3. MDL-30830

Block headings not accessible to screen readers when docked

    XMLWordPrintable

Details

    • MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE
    • MOODLE_21_STABLE, MOODLE_22_STABLE
    • wip-MDL-30830-m23
    • Hide
      1. Dock a couple of blocks
      2. Check that the docked block title still looks correct (not doubled up)
      3. In IE8 check that you get the title correctly as it is and check using a screenreader or development tool that the title is plain text rotated by CSS rather than an SVG
      4. In other browsers check that you get the SVG performing the rotation and that there is now an accesshide span containing the title as well.
      5. If you're really keen use a screen reader to confirm accessibility.
      Show
      Dock a couple of blocks Check that the docked block title still looks correct (not doubled up) In IE8 check that you get the title correctly as it is and check using a screenreader or development tool that the title is plain text rotated by CSS rather than an SVG In other browsers check that you get the SVG performing the rotation and that there is now an accesshide span containing the title as well. If you're really keen use a screen reader to confirm accessibility.

    Description

      When a block is docked, it is taken out of the page headings because the heading text is rendered as an SVG text transform so the heading can be displayed as vertical text.

      Potential Solution:
      Render the heading as plain text off the screen or use a CSS3 transform. SVG support in assistive technologies is not good enough yet.

      Attachments

        Issue Links

          has been marked as being related by

          Sub-task - Issues are sometimes broken into multiple sub-tasks. MDL-30831 Content of docked blocks are not accessible to screen readers. There is no prompt highlighting expandable items.

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Activity

            People

              samhemelryk Sam Hemelryk
              blepoxp Glenn Ansley
              Andrew Davis Andrew Davis
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Adrian Greeve Adrian Greeve
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo, David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              1 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                12/Mar/12