Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-55787

Accessibility fixes for general Confluence soy/velocity templates

XMLWordPrintable

    • 0
    • 1
    • We collect Confluence feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

      Problem Definition

      Currently there are a few accessibility issues with the templates for this plugin, it is missing some accessibility code:

      • admin/viewclasspath.vm
        add alt for check and error images
      • includes/soy/icons.soy
        Remove "a" tag surrounding .contentIconFont in else statement
      • includes/soy/user.soy
        Remove "a" tag surrounding .userLogo images Updated alt for img tags to blank
      • includes/fancybox/jquery.fancybox-1.3.4.js (and jquery.fancybox-1.3.4-min.js)
        add aria-label for fancybox-close, fancybox-left, and fancybox-right
      • includes/js/attachments.js (and attachments-min.js)
        Added aria-expanded attribute to click function
      • includes/js/header-user-menu.js (and header-user-menu-min.js)
        add blank alt attribute
      • includes/js/tree.js (and tree-min.js)
        add aria-labels and aria-expanded to expand div add tabindex to expand div
      • includes/common-choosetheme.vm
        Replaced Label with span for currentTheme applied Strong tag to currentThemeName
        Add for attributes to labels for theme choice radio's
      • includes/network-macro.vm
        Added for tags for each assistive label
      • includes/users/editmysettings.vm
        Added id for each aui fieldset item
      • includes/users/viewuser.vm
        Add aria-label to a links
      • login.vm
        add html lang attribute
        add lang attribute to each language selector
      • checklist.vm
        add alt text to check and error images
      • decorators/includes/page-metadata.vm
        remove metadata skip link
      • decorators/includes/page-metadata-with-icons.vm
        remove metadata skip link
      • pages/includes/attachment_icon.vm
        remove title attributes (these are not required if text in the tag are identical)
      • pages/includes/attachments-table.vm
        add table headers assistive text
        add aria-expanded attribute and role="button" to expand history
        to do find a place to add javascript to auto update the expand attribute
      • pages/templates/common-listpermissionpages.vm
        add aria-label to remove restrictions "a" tag and alt attribute to ulock image
      • pages/viewinfo.vm
        add aria-label to a tag
        add alt to image tag
        add assistive th text to Recent Changes (needs to be added to language.properties) add blank alt text to external link arrow image
      • pages/viewpreviousversions.vm
        add blank alt text to profile pic image
        add assistive th text to page history container
        add label for each compare version checkbox with assistive text
      • template/includes/menu-macros.vm
        add aria-label to "a" tag menuMacros_renderImageLink
        add aria-label to "a" tag menuMacros_renderTailedDropdownMenu
      • template/includes/macros.vm
        add table headers to showPermissionsHeaders
        add alt for check and error images in permissionValueCell
      • follow/follow-user-result.vm
        add alt for check and error images
      • spaces/viewspacedetails.vm
        Move Edit link into an "a" tag and convert existing "a" tags to span's convert all labels to spans (associated css classes are in the auiplugin)

       

            [CONFSERVER-55787] Accessibility fixes for general Confluence soy/velocity templates

            Zach Mitchell added a comment -

            breadcrumbs.vm

            add aria-label and tabindex="0" to elipsis

            Update breadcrumbs.vm on Github

            admin/permissions/editglobalperms.vm

            add labels to inputs

            add assistive captions and scope="col" to tables

            Updated editglobalperms.vm on Github

            admin/permissions/viewglobalperms.vm

            add assistive captions and scope="col" to tables

            add alt text to check and error images

            Updated viewglobalperms.vm on Github

            pages/listattachmentsforspace.vm

            add scope="col" and assistive table caption

            Updated listattachmentsforspace.vm on Github

            pages/viewinfo.vm

            add aria-label to a tag

            add alt to image tag

            add assistive th text to Recent Changes (needs to be added to language.properties)

            add blank alt text to external link arrow image

            Updated viewinfo.vm on Github

            pages/includes/attachments-table.vm

            add table headers assistive text and caption to table

            add aria-expanded attribute and role="button" to expand history

            convert table header td's to th's and add scope to table headers

            Updated attachments-table.vm on Github

            pages/templates/common-listorphandedpages.vm

            add assistive caption to table

            add scope="col" to th tags

            Updated common-listophandedpages.vm on Github

            pages/templates/common-listpermissionpages.vm

            add assistive caption to table

            add scope="col" to th tags

            add aria-label to remove restrictions "a" tag and alt attribute to ulock image

            Update common-listpermissionpages.vm on Github

            pages/templates/common-listundefinedpages.vm

            add assistive caption to table

            add scope="col" to th tags

            Updated common-listundefinedpages.vm on Github

            spaces/viewspacedetails.vm

            Move Edit link into an "a" tag and convert existing "a" tags to span's

            convert all labels to spans (associated css classes are in the auiplugin)

            add legends to fieldsets

            make the Space Admins field only display results when authenticated

            Updated viewspacedetails.vm on Github

            spaces/viewspacesummary.vm

            add assistive caption to table

            Updated viewspacesummary.vm on Github

            Zach Mitchell added a comment - breadcrumbs.vm add aria-label and tabindex="0" to elipsis Update breadcrumbs.vm on Github admin/permissions/editglobalperms.vm add labels to inputs add assistive captions and scope="col" to tables Updated editglobalperms.vm on Github admin/permissions/viewglobalperms.vm add assistive captions and scope="col" to tables add alt text to check and error images Updated viewglobalperms.vm on Github pages/listattachmentsforspace.vm add scope="col" and assistive table caption Updated listattachmentsforspace.vm on Github pages/viewinfo.vm add aria-label to a tag add alt to image tag add assistive th text to Recent Changes (needs to be added to language.properties) add blank alt text to external link arrow image Updated viewinfo.vm on Github pages/includes/attachments-table.vm add table headers assistive text and caption to table add aria-expanded attribute and role="button" to expand history convert table header td's to th's and add scope to table headers Updated attachments-table.vm on Github pages/templates/common-listorphandedpages.vm add assistive caption to table add scope="col" to th tags Updated common-listophandedpages.vm on Github pages/templates/common-listpermissionpages.vm add assistive caption to table add scope="col" to th tags add aria-label to remove restrictions "a" tag and alt attribute to ulock image Update common-listpermissionpages.vm on Github pages/templates/common-listundefinedpages.vm add assistive caption to table add scope="col" to th tags Updated common-listundefinedpages.vm on Github spaces/viewspacedetails.vm Move Edit link into an "a" tag and convert existing "a" tags to span's convert all labels to spans (associated css classes are in the auiplugin) add legends to fieldsets make the Space Admins field only display results when authenticated Updated viewspacedetails.vm on Github spaces/viewspacesummary.vm add assistive caption to table Updated viewspacesummary.vm on Github

            Zach Mitchell added a comment -

            template/includes/menu-macros.vm

            add aria-label to "a" tag menuMacros_renderImageLink

            add aria-label to "a" tag menuMacros_renderTailedDropdownMenu

            add aria-label to "nav" tag menuMacros_renderAuiMenu, menuMacros_renderAuiUserMenu and menuMacros_renderLanguageMenu

            add legend to quick-search

            Updated menu-macros.vm on Github

            template/includes/macros.vm

            add table headers to showPermissionsHeaders

            add alt for check and error images in permissionValueCell

            add legend to quick-search

            Updated macros.vm on Github

            Zach Mitchell added a comment - template/includes/menu-macros.vm add aria-label to "a" tag menuMacros_renderImageLink add aria-label to "a" tag menuMacros_renderTailedDropdownMenu add aria-label to "nav" tag menuMacros_renderAuiMenu, menuMacros_renderAuiUserMenu and menuMacros_renderLanguageMenu add legend to quick-search Updated menu-macros.vm on Github template/includes/macros.vm add table headers to showPermissionsHeaders add alt for check and error images in permissionValueCell add legend to quick-search Updated macros.vm on Github

            Zach Mitchell added a comment -

            includes/js/space-details.js  (and space-details-min.js)

            add aria-label to "nav.spacetools-nav"

            Updated space-details.js on Github

            pages/includes/attachments-table.vm

            add table headers assistive text and caption to table

            add aria-expanded attribute and role="button" to expand history

            convert table header td's to th's and add scope to table headers

            Updated attachments-table.vm on Github

            pages/viewpreviousversions.vm

            add blank alt text to profile pic image

            add assistive th text to page history container

            add label for each compare version checkbox with assistive text

            add assistive submit button to delete historical versions form

            Updated viewpreviousversions.vm on Github

            Zach Mitchell added a comment - includes/js/space-details.js  (and space-details-min.js) add aria-label to "nav.spacetools-nav" Updated space-details.js on Github pages/includes/attachments-table.vm add table headers assistive text and caption to table add aria-expanded attribute and role="button" to expand history convert table header td's to th's and add scope to table headers Updated attachments-table.vm on Github pages/viewpreviousversions.vm add blank alt text to profile pic image add assistive th text to page history container add label for each compare version checkbox with assistive text add assistive submit button to delete historical versions form Updated viewpreviousversions.vm on Github

            Zach Mitchell added a comment -

            styles/aui-overrides-css.vm

            replace arbitrary darken of Create and "..." buttons with color schemes defined Top Bar Menu Selected Background

            Updated aui-overrides-css.vm on Github

            Zach Mitchell added a comment - styles/aui-overrides-css.vm replace arbitrary darken of Create and "..." buttons with color schemes defined Top Bar Menu Selected Background Updated aui-overrides-css.vm on Github

            Zach Mitchell added a comment -

            pages/page-breadcrumbs.vm

            remove "a" tag around title

            Updated page-breadcrumbs.vm on Github

            Zach Mitchell added a comment - pages/page-breadcrumbs.vm remove "a" tag around title Updated page-breadcrumbs.vm on Github

            Zach Mitchell added a comment -

            template/includes/menu-macros.vm

            add aria-label to "a" tag menuMacros_renderImageLink

            add aria-label to "a" tag menuMacros_renderTailedDropdownMenu

            add aria-label to "nav" tag menuMacros_renderAuiMenu, menuMacros_renderAuiUserMenu and menuMacros_renderLanguageMenu

            Updated menu-macros.vm on Github

            Zach Mitchell added a comment - template/includes/menu-macros.vm add aria-label to "a" tag menuMacros_renderImageLink add aria-label to "a" tag menuMacros_renderTailedDropdownMenu add aria-label to "nav" tag menuMacros_renderAuiMenu, menuMacros_renderAuiUserMenu and menuMacros_renderLanguageMenu Updated menu-macros.vm on Github

              Unassigned Unassigned
              dponzio Daniel Ponzio
              Votes:
              5 Vote for this issue
              Watchers:
              5 Start watching this issue

                Created:
                Updated: