SortSite 5.30 Changes
A list of changed accessibility, compatibility and search engine rules in SortSite 5.30.
Changed rules
Accessibility
- CSS stylesheet link with
media=aural
(AccCompat-media-link-aural) - CSS media query with
@media aural
(AccCompat-media-query-aural) - CSS stylesheet link with
media=speech
(AccCompat-media-link-speech) - CSS media query with
@media speech
(AccCompat-media-query-speech) - CSS animation longer than 5 seconds (AccCssAnimationAutoplay)
- Screen orientation locked (AccCssTransformOrientationLock)
- Interaction animation cannot be disabled (AccCssTransitionInteraction)
- Right-to-left language without
dir
(AccLangRequiresDir) dir=ltr
for right-to-left language (AccLangWrongDir)click
handler without keyboard equivalent (AccScriptClickWithoutKeypress)- Frame has no accessible name (AccHtmlFrameTitleMissing)
- Document title is placeholder (AccDocTitlePlaceholder)
- No autocomplete on password field (AccHtmlInputPasswordPurpose)
- CSS outline or border hides focus indicator (AccWcag2-F78-1)
a
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-a)a
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-a)button
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-button)button
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-button)details
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-details)details
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-details)embed
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-embed)embed
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-embed)iframe
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-iframe)iframe
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-iframe)label
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-label)label
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-label)select
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-select)select
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-select)textarea
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-textarea)textarea
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-textarea)- Element with
tabindex
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-attr-tabindex) - Element with
tabindex
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-attr-tabindex) audio
withcontrols
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-audio-attr-controls)audio
withcontrols
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-audio-attr-controls)img
withusemap
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-img-attr-usemap)img
withusemap
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-img-attr-usemap)input
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-input)input
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-input)menu
withtoolbar
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-menu-attr-toolbar)menu
withtoolbar
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-menu-attr-toolbar)object
withusemap
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-object-attr-usemap)object
withusemap
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-object-attr-usemap)video
withcontrols
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-video-attr-controls)video
withcontrols
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-video-attr-controls)role=button
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-button)role=button
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-button)role=checkbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-checkbox)role=checkbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-checkbox)role=combobox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-combobox)role=combobox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-combobox)role=grid
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-grid)role=grid
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-grid)role=gridcell
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-gridcell)role=gridcell
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-gridcell)role=listbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-listbox)role=listbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-listbox)role=menu
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menu)role=menu
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menu)role=menubar
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menubar)role=menubar
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menubar)role=menuitem
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menuitem)role=menuitem
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menuitem)role=menuitemcheckbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menuitemcheckbox)role=menuitemcheckbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menuitemcheckbox)role=menuitemradio
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menuitemradio)role=menuitemradio
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menuitemradio)role=option
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-option)role=option
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-option)role=radio
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-radio)role=radio
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-radio)role=scrollbar
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-scrollbar)role=searchbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-searchbox)role=searchbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-searchbox)role=slider
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-slider)role=slider
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-slider)role=spinbutton
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-spinbutton)role=spinbutton
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-spinbutton)role=switch
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-switch)role=switch
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-switch)role=tab
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-tab)role=tab
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-tab)role=textbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-textbox)role=textbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-textbox)role=treeitem
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-treeitem)role=treeitem
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-treeitem)
Compatibility
form
attribute has partial support (BugHtmlButtonForm)is
attribute has partial support (BugHtmlCustomBuiltInElement)- Script modules have partial support (BugHtmlScriptModule)
backdrop-filter:
property has partial support (BugCssBackdropFilter)calc()
in media queries has partial support (BugCssMediaQueryCalc)vmax
unit has partial support (BugCssUnitVmax)orphans:
property has partial support (BugCssOrphans)page-break-inside:
property has partial support (BugCssPageBreakInside)transform:
property has partial support (BugCssTransform)Element.outerText
property has partial support (BugScriptOuterText)
Standards
a
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-a)a
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-a)button
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-button)button
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-button)details
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-details)details
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-details)embed
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-embed)embed
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-embed)iframe
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-iframe)iframe
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-iframe)label
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-label)label
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-label)select
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-select)select
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-select)textarea
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-textarea)textarea
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-textarea)- Element with
tabindex
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-attr-tabindex) - Element with
tabindex
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-attr-tabindex) audio
withcontrols
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-audio-attr-controls)audio
withcontrols
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-audio-attr-controls)img
withusemap
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-img-attr-usemap)img
withusemap
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-img-attr-usemap)input
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-input)input
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-input)menu
withtoolbar
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-menu-attr-toolbar)menu
withtoolbar
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-menu-attr-toolbar)object
withusemap
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-object-attr-usemap)object
withusemap
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-object-attr-usemap)video
withcontrols
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-video-attr-controls)video
withcontrols
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-video-attr-controls)role=button
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-button)role=button
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-button)role=checkbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-checkbox)role=checkbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-checkbox)role=combobox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-combobox)role=combobox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-combobox)role=grid
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-grid)role=grid
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-grid)role=gridcell
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-gridcell)role=gridcell
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-gridcell)role=listbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-listbox)role=listbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-listbox)role=menu
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menu)role=menu
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menu)role=menubar
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menubar)role=menubar
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menubar)role=menuitem
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menuitem)role=menuitem
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menuitem)role=menuitemcheckbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menuitemcheckbox)role=menuitemcheckbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menuitemcheckbox)role=menuitemradio
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-menuitemradio)role=menuitemradio
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-menuitemradio)role=option
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-option)role=option
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-option)role=radio
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-radio)role=radio
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-radio)role=scrollbar
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-scrollbar)role=scrollbar
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-scrollbar)role=searchbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-searchbox)role=searchbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-searchbox)role=slider
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-slider)role=slider
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-slider)role=spinbutton
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-spinbutton)role=spinbutton
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-spinbutton)role=switch
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-switch)role=switch
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-switch)role=tab
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-tab)role=tab
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-tab)role=textbox
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-textbox)role=textbox
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-textbox)role=treeitem
cannot have ancestor withrole=button
(W3cHtml5AssertNested-role-button-role-treeitem)role=treeitem
cannot have ancestor withrole=link
(W3cHtml5AssertNested-role-link-role-treeitem)role=group
unnecessary forfieldset
(W3cHtml5AriaExplicitRole-fieldset)- Too few CSS property values (W3cCssTooFewPropertyValues)
Usability
- Provide a search option (UseGov17.4)