yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace visually-hidden in favor of sr-only as discussed in #5664

Browse Source
This commit is contained in:
Sebastiaan Janssen
2019-06-25 14:53:58 +02:00
parent 40311f8590
commit a5fb2d2025
3 changed files with 2 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/Umbraco.Web.UI.Client/src/less/accessibility/visually-hidden.less
View File

@@ -1,11 +0,0 @@
// Visually Hidden - used to remove an element from the view, whilst retaining accessibily for screen readers. More info available at https://a11yproject.com/posts/how-to-hide-content/
// --------------------------------------------------
.visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}

3
src/Umbraco.Web.UI.Client/src/less/belle.less
View File

@@ -80,9 +80,6 @@
@import "forms/umb-validation-label.less";
// Umbraco Accessibility
@import "accessibility/visually-hidden.less";
// Umbraco Components
@import "components/application/umb-app-a11y.less";
@import "components/application/umb-app-header.less";

4
src/Umbraco.Web.UI.Client/src/views/components/application/umb-app-header.html
View File

@@ -12,13 +12,13 @@
<ul class="umb-app-header__actions">
<li data-element="global-search" class="umb-app-header__action">
<button class="umb-app-header__button btn-reset" hotkey="ctrl+space" ng-click="searchClick()" ng-mousedown="rememberFocus()" prevent-default style="font-size: 20px;">
<span class="visually-hidden">Open/Close backoffice search</span>
<span class="sr-only">Open/Close backoffice search</span>
<i class="umb-app-header__action-icon icon-search"></i>
</button>
</li>
<li data-element="global-help" class="umb-app-header__action">
<button class="umb-app-header__button btn-reset" hotkey="ctrl+shift+h" ng-click="helpClick()" prevent-default>
<span class="visually-hidden">Open/Close backoffice help window</span>
<span class="sr-only">Open/Close backoffice help window</span>
<i class="umb-app-header__action-icon icon-help-alt"></i>
</button>
</li>