A11Y: add secondary skip link to user profiles (#19926)

This commit is contained in:
Kris 2023-01-20 10:30:57 -05:00 committed by GitHub
parent 7ebd8a44f5
commit 1521bace4f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 16 additions and 11 deletions

View File

@ -1,5 +1,5 @@
<div class="badge-title"> <div class="badge-title">
<section class="user-content"> <section class="user-content" id="user-content">
<form class="form-horizontal"> <form class="form-horizontal">
<div class="control-group"> <div class="control-group">
<div class="controls"> <div class="controls">

View File

@ -16,6 +16,6 @@
<PluginOutlet @name="group-activity-bottom" @connectorTagName="li" /> <PluginOutlet @name="group-activity-bottom" @connectorTagName="li" />
</MobileNav> </MobileNav>
</section> </section>
<section class="user-content"> <section class="user-content" id="user-content">
{{outlet}} {{outlet}}
</section> </section>

View File

@ -12,6 +12,6 @@
{{/each}} {{/each}}
</MobileNav> </MobileNav>
</section> </section>
<section class="user-content"> <section class="user-content" id="user-content">
{{outlet}} {{outlet}}
</section> </section>

View File

@ -12,6 +12,6 @@
</li> </li>
</MobileNav> </MobileNav>
</section> </section>
<section class="user-content"> <section class="user-content" id="user-content">
{{outlet}} {{outlet}}
</section> </section>

View File

@ -1,4 +1,4 @@
<section class="user-content"> <section class="user-content" id="user-content">
{{#if this.model.permissions}} {{#if this.model.permissions}}
<label class="group-category-permissions-desc"> <label class="group-category-permissions-desc">
{{i18n "groups.permissions.description"}} {{i18n "groups.permissions.description"}}

View File

@ -104,7 +104,7 @@
</DSection> </DSection>
{{/if}} {{/if}}
<section class="user-content user-preferences"> <section class="user-content user-preferences" id="user-content">
<PluginOutlet <PluginOutlet
@name="above-user-preferences" @name="above-user-preferences"
@tagName="span" @tagName="span"

View File

@ -2,6 +2,7 @@
{{#if this.canInviteToForum}} {{#if this.canInviteToForum}}
<LoadMore <LoadMore
@class="user-content" @class="user-content"
@id="user-content"
@selector=".user-invite-list tr" @selector=".user-invite-list tr"
@action={{action "loadMore"}} @action={{action "loadMore"}}
> >

View File

@ -10,6 +10,9 @@
{{this.primaryGroup}}" {{this.primaryGroup}}"
> >
<DSection @class="user-main"> <DSection @class="user-main">
<a href="#user-content" id="skip-link" class="skip-link__user-nav">
{{i18n "skip_user_nav"}}
</a>
<section <section
class="{{if this.collapsedInfo 'collapsed-info'}} class="{{if this.collapsedInfo 'collapsed-info'}}
about about

View File

@ -89,6 +89,6 @@
{{/if}} {{/if}}
{{/if}} {{/if}}
<section class="user-content"> <section class="user-content" id="user-content">
{{outlet}} {{outlet}}
</section> </section>

View File

@ -1,4 +1,4 @@
<DSection @pageClass="user-badges" @class="user-content"> <DSection @pageClass="user-badges" @class="user-content" id="user-content">
<p class="favorite-count"> <p class="favorite-count">
{{i18n {{i18n
"badges.favorite_count" "badges.favorite_count"

View File

@ -184,7 +184,7 @@
{{/unless}} {{/unless}}
{{/if}} {{/if}}
<section class="user-content"> <section class="user-content" id="user-content">
{{#unless this.currentUser.redesigned_user_page_nav_enabled}} {{#unless this.currentUser.redesigned_user_page_nav_enabled}}
<div class="list-actions"> <div class="list-actions">
{{#if this.site.mobileView}} {{#if this.site.mobileView}}

View File

@ -80,7 +80,7 @@
{{/if}} {{/if}}
{{/if}} {{/if}}
<section class="user-content"> <section class="user-content" id="user-content">
<LoadMore <LoadMore
@class="notification-history user-stream" @class="notification-history user-stream"
@selector=".user-stream .notification" @selector=".user-stream .notification"

View File

@ -1,5 +1,5 @@
<DSection @pageClass="user-summary" @tagName=""> <DSection @pageClass="user-summary" @tagName="">
<div class="user-content"> <div class="user-content" id="user-content">
<PluginOutlet <PluginOutlet
@name="above-user-summary-stats" @name="above-user-summary-stats"
@args={{hash model=this.model user=this.user}} @args={{hash model=this.model user=this.user}}

View File

@ -197,6 +197,7 @@ en:
topic_admin_menu: "topic actions" topic_admin_menu: "topic actions"
skip_to_main_content: "Skip to main content" skip_to_main_content: "Skip to main content"
skip_user_nav: "Skip to profile content"
emails_are_disabled: "All outgoing email has been globally disabled by an administrator. No email notifications of any kind will be sent." emails_are_disabled: "All outgoing email has been globally disabled by an administrator. No email notifications of any kind will be sent."
emails_are_disabled_non_staff: "Outgoing email has been disabled for non-staff users." emails_are_disabled_non_staff: "Outgoing email has been disabled for non-staff users."