Accessibility/Extensions/legacy list: Difference between revisions

VisualWikitext
(Created page with "==Legacy list== CF = Core functionality, EF= Extended functionality, n/a= not applicable; AT=Authoring tool, Web=View mode, SD=Support docs (Helpdesk) {| class="sortable cont...")
Tag: 2017 source edit
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 20: Line 20:
| class="col-grey-light-bg" style="" |
| class="col-grey-light-bg" style="" |
| class="col-grey-light-bg" style="" |
| class="col-grey-light-bg" style="" |
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceExtendedFilelist
| style="width:100px;" |AT, Web, SD
| class="col-orange-bg" |workaround
|
*Extjs: Pagination in grids not announcing button types and spinbutton value
'''workaround:''' Special:Files uses standard html results table and accessible search form
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceExtendedSearch
| style="width:100px;" |Web,
SD
| class="col-orange-bg" |workaround
|Problems with grid buttons and pagination. [[erm:25470|erm:25456]]
'''workaround:''' Special:Search uses standard html results table and accessible search form
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceMultiUpload
| style="width:100px;" |AT
| class="col-green-bg" |supported
|workflow from clicking upload link to uploading files with the upload dialog work in screenreader
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpicePageTemplates
| style="width:100px;" |AT
| class="col-grey-light-bg" |partially supported
|Page templates manager: ExtJS grid issue for screenreaders, keyboard is supported
|-
| style="width:80px;" |CF
| style="width:220px;" | BlueSpiceReadConfirmation
| style="width:100px;" |Web
|FAIL 
(easy fix)
|wrong aria role; needs alertdialog instead of alert for checkbox to get focus [[erm:25475]]
|-
| style="width:80px;" |CF
| style="width:220px;" | BlueSpiceReaders
| style="width:100px;" |Web
|FAIL
|Ext Js pagination [[erm:25470|erm:25456]]
|-
|-
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceSocial
| style="width:220px;" | BlueSpiceSocial
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceSocialArticleActions
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 134: Line 83:
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceSocialWatch
| style="width:220px;" | BlueSpiceSocialWatch
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceSocialWikiPage
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 151: Line 94:
|-
|-
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUEModuleBookPDF
| style="width:220px;" | <span class="col-turquoise">BlueSpiceUEModuleHTML</span>
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUEModuleHTML
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUEModulePDF
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUEModulePDFRecursive
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUEModulePDFSubpages
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUEModuleTable2Excel
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 192: Line 105:
|
|
|-
|-
| style="width:80px;"|CF
| style="width:80px;" |CF
| style="width:220px;" | BlueSpiceUsageTracker
| style="width:220px;" | <span class="col-turquoise">BlueSpiceUserInfo</span>
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | BlueSpiceUserInfo
| style="width:100px;" |
| style="width:100px;" |
|
|
|
|
|-
| style="width:80px;" |CF
| style="width:220px;" | BlueSpiceWikiExplorer
| style="width:100px;" |Web
|FAIL
|ExtJS pagination [https://support.hallowelt.com/issues/25456 erm:25456]
|-
|-
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | CategoryTree
| style="width:220px;" | CategoryTree
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | Cite
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | CiteThisPage
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 236: Line 125:
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | ConfirmAccount
| style="width:220px;" | ConfirmAccount
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | CookieWarning
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 257: Line 140:
|
|
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
|  style="width:80px;"|CF
| style="width:220px;" | EmbedVideo
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | FlaggedRevs
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | FlexiSkin
| style="width:100px;" |AT
|FAIL
(easy fix)
|Small keyboard access issues [[erm:25223]]
No screen reader testing, since here you set the color scheme and fonts for the skin. Vision seems to be a requirement to accomplish this.
|-
|  style="width:80px;"|CF
| style="width:220px;" | HitCounters
| style="width:100px;" |
|
|
|-
|-
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | InputBox
| style="width:220px;" | InputBox
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | Interwiki
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 308: Line 158:
|
|
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | Math
| style="width:100px;" |AT, Web
|'''<span class="col-red">FAIL</span>'''
|'''<span class="col-red">FAIL</span>'''  is okay here, this type of image output  is simply not supported by screenreaders. ''workaround: maybe MathML-based syntax?''
|-
|-
|  style="width:80px;"|CF
|  style="width:80px;"|CF
Line 335: Line 179:
|  style="width:80px;"|CF
|  style="width:80px;"|CF
| style="width:220px;" | Nuke
| style="width:220px;" | Nuke
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | Page Schemas
| style="width:100px;" |
| style="width:100px;" |
|
|
Line 350: Line 188:
|'''<span class="col-red">FAIL</span>'''
|'''<span class="col-red">FAIL</span>'''
|needs aria labels, screenreader doesn't read them out
|needs aria labels, screenreader doesn't read them out
|-
|  style="width:80px;"| CF
| style="width:220px;" | Replace Text
| style="width:100px;" |
|
|
|-
|  style="width:80px;"|CF
| style="width:220px;" | RSS
| style="width:100px;" |
|
|
|-
|-
|  style="width:80px;"|CF
|  style="width:80px;"|CF
Line 395: Line 221:
!WCAG
!WCAG
!Accessibility notes
!Accessibility notes
|-
| |n/a
| class="col-grey-light-bg" |Auth remoteuser
| class="col-grey-light-bg" |n/a
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |CF
|BlueSpiceCategoryManager
|AT, Web
|partially supported
|supported: tabbing through tabular data
not supported:
*Extjs: Pagination in grids not announcing button types and spinbutton value
*parent-child relationships not announced
*actions-buttons only visible and interactive on mouse-hover
workaround: categories can also be managed directly on the category pages themselves. The parent-child relationship of categories is also always listed on the categories pages
|-
|-
| |n/a
| |n/a
Line 420: Line 227:
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |CF
|BlueSpiceConfigManager
|AT, Web
|
'''<span class="col-red ve-pasteProtect">partially supported</span>'''
|supported:
form fields and tooltips are announced correctly and can be saved
issues:
* <span class="col-red ve-pasteProtect">search field needs aria-role "search" (2.1.1)</span>
*<span class="col-red ve-pasteProtect">Save-button does not get focus after making form changes. (2.1</span>
|-
|-
| |EF
| |EF
Line 446: Line 239:
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |n/a
| class="col-grey-light-bg" |BlueSpiceEditNotifyConnector
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |EF
|BlueSpiceExtendedStatistics
|
|
|
|-
| |CF
|BlueSpiceGroupManager
|AT, Web
|
'''<span class="col-red ve-pasteProtect">not supported</span>'''
|
*buttons have no labels
*selected checkboxes are not indicated
*Ext js paginatetoolbar
|-
|-
| |n/a
| |n/a
Line 474: Line 245:
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |CF
|BlueSpicePageAccess
|AT
| class="col-green-bg" |'''<span class="col-blue-dark ve-pasteProtect">supported</span>'''
|tag can be added in source editing mode
|-
| |CF
|BlueSpicePageTemplates
|AT
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|selecting template during page creation: No group heading for templates to jump to; Namespace heading is h3,  h2 missing on page;
Page templates manager: ExtJS grid issues [[erm:25470|erm:25456]]
|-
| |CF
|BlueSpicePermissionManager
|AT
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|Ext JS grid issues [[erm:25470|erm:25456]]
|-
| |CF
|BlueSpicePrivacy
|
|
|
|-
| |CF
|BlueSpiceReaders
|Web
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|Ext Js pagination [[erm:25470|erm:25456]]
|-
|-
| |CF
| |CF
Line 511: Line 251:
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|overlay issues
|overlay issues
|-
| |CF
|BlueSpiceRSSFeeder
|
|
|
|-
| |CF
|BlueSpiceUsageTracker
|
|
|
|-
| |CF
|BlueSpiceUserInfo
|
|
|
|-
| |n/a
| class="col-grey-light-bg" |BlueSpiceUserMergeConnector
|
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |EF
|BlueSpiceWebDAVClientIntegration
|
|
|
|-
| |EF
|BlueSpiceWebDAVMinorSave
|
|
|
|-
|-
| |EF
| |EF
Line 559: Line 263:
|
|
|
|
|-
| |CF
|ConfirmEdit
|
| class="col-green-bg" |'''<span class="col-blue-dark ve-pasteProtect">supported</span>'''
1.1.1
|Note: This extension allows to use various CAPTCHA techniques. To comply, an accessible captchas (e.g. ReCaptcha or hCaptcha) would have to be implemented and techniques [https://www.w3.org/WAI/WCAG21/Techniques/general/G143.html G143] AND [https://www.w3.org/WAI/WCAG21/Techniques/general/G144.html G144] need to be applied.
|-
| |n/a
| class="col-grey-light-bg" |EditNotify
|
|
| class="col-grey-light-bg" |
|-
|-
| |n/a
| |n/a
Line 578: Line 269:
|
|
| class="col-grey-light-bg" |
| class="col-grey-light-bg" |
|-
| |CF
|FlexiSkin
|AT
|'''FAIL'''
(easy fix)
|Small keyboard access issues [[erm:25223]]
No screen reader testing, since here you set the color scheme and fonts for the skin. Vision seems to be a requirement to accomplish this.
|-
| |CF
|Gadgets
|
|
|
|-
| |CF
|HitCounters
|
|
|
|-
| |CF
|Interwiki
|
|
|
|-
|-
| |CF
| |CF
Line 619: Line 284:
| |CF
| |CF
|MediaWiki
|MediaWiki
|
|
|
|-
| |EF
|MultimediaViewer
|
|
|
|
Line 670: Line 329:
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|'''<span class="col-red ve-pasteProtect">FAIL</span>'''
|needs aria labels, screenreader doesn't read them out
|needs aria labels, screenreader doesn't read them out
|-
| |EF
|Semantic Compound Queries
|
|
|
|-
| |EF
|Semantic Extra Special Properties
|
|
|
|-
| |EF
|Semantic Internal Objects
|
|
|
|-
| |EF
|Semantic MediaWiki
|
|
|
|-
| |EF
|Semantic Result Formats
|
|
|
|-
| |EF
|Semantic Scribunto
|
|
|
|-
|-
| |CF
| |CF
|TwoColConflict
|TwoColConflict
|
|
|
|-
| |CF
|UserMerge
|
|
|
|

Latest revision as of 16:19, 9 August 2022

Legacy list

CF = Core functionality, EF= Extended functionality, n/a= not applicable; AT=Authoring tool, Web=View mode, SD=Support docs (Helpdesk)

Type Name Type WCAG Accessibility notes
CF BlueSpiceBookshelf
CLDCF BlueSpiceCloudClient
CF BlueSpiceSocial
CF BlueSpiceSocialBlog
CF BlueSpiceSocialComments
CF BlueSpiceSocialMicroBlog
CF BlueSpiceSocialProfile
CF BlueSpiceSocialRating
CF BlueSpiceSocialResolve
CF BlueSpiceSocialTags
CF BlueSpiceSocialTimelineUpdate
CF BlueSpiceSocialTopics
CF BlueSpiceSocialWatch
CF BlueSpiceTagSearch
CF BlueSpiceUEModuleHTML
CF BlueSpiceUniversalExport
CF BlueSpiceUserInfo
CF CategoryTree
CF CodeEditor
CF ConfirmAccount
CF Echo
n/a EditNotify
CF InputBox
CF InviteSignup
CF LoginNotify
CF MediaWiki
n/a NativeSvgHandler
n/a NSFileRepo
CF Nuke
CF Renameuser AT FAIL needs aria labels, screenreader doesn't read them out
CF SyntaxHighlight Web, SD FAIL No announcement of switching to code-language, needs some aria-described-by
CF SyntaxHighlight AT workaround keyboard trap in textarea Code (see mw discussion).

workaround: Source code editing

CF TwoColConflict
CF UserMerge

Administrative users

Type Name Type WCAG Accessibility notes
n/a BlueSpiceCloudClient
EF BlueSpiceDashboards
n/a BlueSpiceEchoConnector
n/a BlueSpiceNSFileRepoConnector
CF BlueSpiceReminder Web FAIL overlay issues
EF BlueSpiceWikiFarm
CF ConfirmAccount
n/a ExtJSBase
CF InviteSignup
CF LoginNotify
CF MediaWiki
n/a NativeSvgHandler
n/a NSFileRepo
CF Nuke
n/a OATHAuth
n/a OOJSPlus
n/a OpenID Connect
CF Renameuser AT FAIL needs aria labels, screenreader doesn't read them out
CF TwoColConflict
EF WebDAV


Recurring issues

  • ExtJS grid ticket - (button labels, pagination)
  • QM / book overlays: erm:25470

Core functionality

VisualEditor

High contrast

In Windows high-contrast system settings, the icons of the toolbar are not visible, since they are implemented as black background images:

Ticket seems to be progressing: https://phabricator.wikimedia.org/T180890

Menu icons in VisualEditor not visible in black high-contrast mode.
Menu icons in VisualEditor not visible in black high-contrast mode.

workaround

While using BlueSpice, turn off High Contrast mode and switch to the Color filter setting instead. Here, you also get a hight contrast setting in black, but the Visual Editor toolbar is fully visible:

Color filter in Windows 10 settings
Color filter in Windows 10 settings

Custom css for users in group MediaWiki:Group-Accessibilitygroup.css

The colors can be fully customized for a specific user group in the wiki

Google Chrome high contrast extension

The high contrast extension recommended in the Google Chrome help centerdoes not work in edit mode, but can be used for browsing a BlueSpice wiki page.

Keyboard navigation

workaround

All functionality of VisualEditor can be entered in source editing mode, which is a standard way of editing a wiki page. The save dialog can be activated via keyboard alt+shift+s. Available Shortcut keys can be viewed with Ctrl+/

Extended functionality

TemplateData

Does not support

  1. dialog window does not recognize language
  2. no tabbing to hidden fields (solution: user task: mark all non-required fields as suggested to be shown instantly).


To submit feedback about this documentation, visit our community forum.

Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=Accessibility/Extensions/legacy_list&oldid=4576"