Skip to content

Add tooltips and accessible labels for all site icons#902

Merged
ckenst merged 5 commits into
mainfrom
copilot/add-tooltips-for-icons
May 27, 2026
Merged

Add tooltips and accessible labels for all site icons#902
ckenst merged 5 commits into
mainfrom
copilot/add-tooltips-for-icons

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented May 27, 2026

Pull Request Template: Add a Conference or Workshop

Thank you for contributing! Most PRs are to add a new conference or workshop. The following are to help ensure you've added everything correctly:

Conference/Workshop Details

  • Name, Location, Date(s), Website URL and Status are required (N/A: no conference data change)
  • X / Twitter is Optional (N/A: no conference data change)
  • Location should be City + Country or Online (N/A: no conference data change)
  • Status can include information about registration, pricing, calls for proposals and can include links to all the above. (N/A: no conference data change)

Checklist

  • I have added the conference/workshop to the correct YAML file (_data/current.yml or _data/past.yml) (N/A: no YAML updates)
  • The entry includes name, location, date(s), url and accurate status (N/A: no YAML updates)
  • The entry is in chronological order (soonest to furtherest away) (N/A: no YAML updates)
  • If there are any special characters in the name field (: or ; or '), the name must be in quotes (") (N/A: no YAML updates)
  • I have checked for duplicates to avoid listing the same event twice (N/A: no YAML updates)
  • Build runs successfully (N/A in this PR scope)

Additional context

This change adds tooltip text and accessible labeling for every icon used in templates as the UI shifts toward icon-first affordances. It standardizes icon semantics so standalone icons are announced meaningfully and decorative icons inside labeled links are not double-announced.

  • Icon accessibility updates

    • Added title + aria-label (with role="img") for standalone semantic icons (calendar, location, status).
    • Applied to index.html and past.html conference metadata icons.
  • Decorative icon handling

    • Set aria-hidden="true" for icons inside already-labeled links (footer social links, 404 home button icon, past page linked X/video icons).
    • Kept tooltip text where icon hover context is useful.
  • Files touched

    • index.html
    • past.html
    • 404.html
    • _includes/footer.html
  • Representative snippet

    <i class="fa fa-calendar" role="img" aria-label="Dates" title="Dates"></i>
    ...
    <a ... aria-label="GitHub" title="GitHub">
      <i class="fa-brands fa-github fa-2x" aria-hidden="true"></i>
    </a>

Copilot AI linked an issue May 27, 2026 that may be closed by this pull request
Copilot AI changed the title [WIP] Add tooltips and alt text for all icons Add tooltips and accessible labels for all site icons May 27, 2026
Copilot AI requested a review from ckenst May 27, 2026 07:08
Copilot finished work on behalf of ckenst May 27, 2026 07:08
@ckenst ckenst marked this pull request as ready for review May 27, 2026 07:17
@ckenst ckenst merged commit 09c1c75 into main May 27, 2026
3 checks passed
@ckenst ckenst deleted the copilot/add-tooltips-for-icons branch May 27, 2026 07:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add tooltips for all icons

2 participants