⚠ This page is served via a proxy. Original site: https://github.com
This service does not collect credentials or authentication data.
Skip to content

Accessibility fixes jan2026 #50

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
phette23 merged 3 commits into from
Jan 22, 2026
Merged

Accessibility fixes jan2026 #50

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d6a09c5
Multiple accessibility fixes:
metageeky Jan 14, 2026
aadf171
Merge branch 'main' of github.com:code4lib/2026.code4lib.org into acc…
metageeky Jan 14, 2026
639691b
fix: markdown formatting
phette23 Jan 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,4 +19,4 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
{% include nav.html %}

6 changes: 3 additions & 3 deletions _includes/nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<a href="#main" class="sr-only sr-only-focusable">Skip to main content</a>
<nav class="navbar navbar-expand-md navbar-dark" role="navigation">
<nav class="navbar navbar-expand-md navbar-dark" role="navigation" aria-labelledby="mainnav-heading">
<h2 class="sr-only" id="mainnav-heading">Site</h2>
<!-- <div class="container-fluid"> -->
<!-- Brand and toggle get grouped for better mobile display -->
<!-- <div class="navbar-header"> -->
<a class="navbar-brand" aria-label="Code4Lib Home" href="{{ site.baseurl }}/"><img src="{{ "/assets/img/theme-images/c4l-logo.svg" | relative_url }}" alt="Code4Lib"></a>
<a class="navbar-brand" aria-label="Code4Lib {{ site.data.conf.year }}" href="{{ site.baseurl }}/"><img src="{{ "/assets/img/theme-images/c4l-logo.svg" | relative_url }}" alt="Code4Lib"></a>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation"> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span>
Expand Down
11 changes: 7 additions & 4 deletions _layouts/color-test.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
{% include header.html %}
{% include search_results.html %}
<header role="banner">
<a href="#main" class="sr-only sr-only-focusable">Skip site navigation</a>
{% include nav.html %}
</header>

<div class="CT-body" id="main">
{{ content }}
</div>
<main class="CT-body" id="main">
{{ content }}
</main>

{% include footer.html %}
8 changes: 6 additions & 2 deletions _layouts/day-menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
{% include header.html %}
{% include search_results.html %}
<header role="banner">
<a href="#main" class="sr-only sr-only-focusable">Skip site navigation</a>
{% include nav.html %}
</header>

{% assign menu = site.data[page.menu] %}
<div id="main">{% comment %} #main element needed for skip-menu link but we can't add it inside the loop {% endcomment %}</div>
<main id="main">
{% for meal in menu %}
<section>
<div class="container">
Expand All @@ -21,5 +24,6 @@ <h1>{{ page.title }}</h1>
</div>
</section>
{% endfor %}
</main>

{% include footer.html %}
9 changes: 6 additions & 3 deletions _layouts/day-schedule.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,10 @@
{% include header.html %}
{% include search_results.html %}
<header role="banner">
<a href="#main" class="sr-only sr-only-focusable">Skip site navigation</a>
{% include nav.html %}
</header>

<div class="container" id="main">
<main class="container" id="main">
<div class="row">
<div class="col-12">
<h1>{% assign day = page.day | slice: -1 %}
Expand All @@ -24,6 +27,6 @@ <h1>{% assign day = page.day | slice: -1 %}
{% endif %}
</div>
</div>
</div>
</main>

{% include footer.html %}
11 changes: 7 additions & 4 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
{% include header.html %}
{% include search_results.html %}
<div id="main" class="content">
{{ content }}
</div>
<header role="banner">
<a href="#main" class="sr-only sr-only-focusable">Skip to main content</a>
{% include nav.html %}
</header>
<main id="main" class="content">
{{ content }}
</main>
{% include footer.html %}
9 changes: 6 additions & 3 deletions _layouts/presentation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
{% include header.html %}
{% include search_results.html %}
<header role="banner">
<a href="#main" class="sr-only sr-only-focusable">Skip site navigation</a>
{% include nav.html %}
</header>

{% if page.type == 'workshop' %}
{% assign page_date = page.date %}
Expand All @@ -17,7 +20,7 @@
{% endif %}

<script src="{{ "/assets/js/placeholder.js" | relative_url }}"></script>
<div class="container presentation" id="main">
<main class="container presentation" id="main">
<div class="row">
<div class="col-12 col-sm-8 col-md-9">

Expand Down Expand Up @@ -204,6 +207,6 @@ <h2>Location</h2>
{% endif %}
</div>
</div>
</div>
</main>

{% include footer.html %}
15 changes: 10 additions & 5 deletions _layouts/secondary-nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,15 @@
{% include header.html %}
<header role="banner">
<a href="#subnav" class="sr-only sr-only-focusable">Skip site navigation</a>
{% include nav.html %}
</header>

<section>
Copy link
Member

@kaitlinnewson kaitlinnewson Jan 16, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just noting that removing this does create a minor styling change where the content shifts up (less spacing), in case this was not intentional.

<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-3 col-lg-2">
<nav>
<nav id="subnav" aria-labelledby="subnav-heading">
<h2 class="sr-only" id="subnav-heading">{{ page.title }} Sub-Pages</h2>
<a href="#main" class="sr-only sr-only-focusable">Skip to main content</a>
{% if page.nav == 'general-info' %}
<ul class="nav nav-pills nav-stacked secondarynav flex-md-column">
{% else %}
Expand Down Expand Up @@ -33,12 +38,12 @@
</ul>
</nav>
</div>
<div id="main" class="col-12 col-md-9 col-lg-10">
<main id="main" class="col-12 col-md-9 col-lg-10">
{{ content }}
</div>
</main>
</div>
</div>
</section>


{% include footer.html %}

Expand Down
27 changes: 27 additions & 0 deletions assets/_scss/_a11y-fixes.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@

/* make navigation toggle button meet contrast (turn off transparency) */
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 1);
border-color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-toggler:focus {
outline-offset: -4px;
outline-style: solid;
}

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* more visibly distinct skip links */
a.sr-only.sr-only-focusable:focus {
position: absolute;
z-index: 10;
top: 8px;
left: 8px;
background: $accent;
padding: 8px;
border: solid 2px currentColor;
font-weight: bold;
}
3 changes: 2 additions & 1 deletion assets/css/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,4 +27,5 @@
@import 'sponsors';
@import 'color-test';
@import 'forms-pages';
@import 'lanyards';
@import 'lanyards';
@import 'a11y-fixes';
2 changes: 1 addition & 1 deletion conduct/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
layout: secondary-nav
title: Conduct
title: 'Conduct & Safety'
nav: conduct
active: 'Conduct & Safety'
---
Expand Down
4 changes: 2 additions & 2 deletions general-info/attend.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ <h3>Workshops</h3>
{% if site.data.registration.conference.show %}
<div class="row">
<div class="col-12">
<h3>Registration Fees</h3>
<h2>Registration Fees</h2>

<ul>
<li><span class="font-weight-bold">Main Conference</span>: {{ site.data.registration.conference.cost }}</li>
Expand Down Expand Up @@ -130,7 +130,7 @@ <h3>Registration Fees</h3>

<div class="row">
<div class="col-12">
<h3>Additional Information</h3>
<h2>Additional Information</h2>
<ol>
{% if site.data.registration.childcare.show %}
<li>
Expand Down