Skip to content

🎨 Palette: Optimize link accessibility and interactivity in README #37

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

Closed
Moohan wants to merge 1 commit into from
Closed

🎨 Palette: Optimize link accessibility and interactivity in README #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
4 changes: 4 additions & 0 deletions .Jules/palette.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
## 2024-07-25 - Semantic Heading Structure
**Learning:** A logical, sequential heading structure (e.g., h1 -> h2 -> h3) in Markdown and HTML is critical for screen reader accessibility. Starting a document with a single H1 heading provides a clear entry point and allows users of assistive technology to easily understand the document's structure and navigate it effectively.
**Action:** In future reviews of Markdown files or HTML content, I will always check that the document begins with a single H1 and that the heading hierarchy is followed correctly, without skipping levels.

## 2026-01-30 - Accessible Linked Images
**Learning:** For linked images, placing the `title` attribute on the surrounding `<a>` tag rather than the `<img>` tag provides clearer context for the link's destination. The `alt` text should remain on the image to describe its content, while the link's `title` (appearing as a tooltip) should inform the user where the link will take them.
**Action:** When creating or auditing linked images (like social badges or stat cards), ensure the `alt` text describes the image and the `title` attribute is applied to the link and describes the destination.
12 changes: 6 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ When I'm not wrangling data or responding to emergencies, I enjoy exploring my h

Here are some of the technologies I work with:

![My technical skills: R, Python, Git, GitHub, GitHub Actions, and Docker](https://skillicons.dev/icons?i=r,python,git,github,githubactions,docker "My technical skills")
[![My technical skills: R, Python, Git, GitHub, GitHub Actions, and Docker](https://skillicons.dev/icons?i=r,python,git,github,githubactions,docker)](https://skillicons.dev "Visit skillicons.dev to learn more about these icons")

I'm particularly proficient in R's `tidyverse` ecosystem for data manipulation and visualisation, and I have extensive experience in mentoring and training others in these skills.

Expand All @@ -35,13 +35,13 @@ Here are some of the projects I'm proud to have worked on:

Here's a snapshot of my GitHub activity:

[![A GitHub stats card showing James Hayes's contributions, stars, commits, and PRs.](https://github-readme-stats.vercel.app/api?username=Moohan&show_icons=true&theme=radical "My GitHub stats")](https://github.com/anuraghazra/github-readme-stats)
[![A card showing James Hayes's top languages on GitHub.](https://github-readme-stats.vercel.app/api/top-langs/?username=Moohan&layout=compact&theme=radical "My top languages")](https://github.com/anuraghazra/github-readme-stats)
[![A GitHub stats card showing James Hayes's contributions, stars, commits, and PRs.](https://github-readme-stats.vercel.app/api?username=Moohan&show_icons=true&theme=radical)](https://github.com/anuraghazra/github-readme-stats "View the GitHub Readme Stats project")
[![A card showing James Hayes's top languages on GitHub.](https://github-readme-stats.vercel.app/api/top-langs/?username=Moohan&layout=compact&theme=radical)](https://github.com/anuraghazra/github-readme-stats "View the GitHub Readme Stats project")

## Contact

I prefer to be contacted by email. You can reach me at the email address associated with my GitHub account.

[![ORCID profile for James Hayes with ID 0000-0002-5380-2029](https://img.shields.io/badge/ORCID-0000--0002--5380--2029-a6ce39?style=social&logo=orcid "My ORCID profile")](https://orcid.org/0000-0002-5380-2029)
[![Mastodon profile for James Hayes (@james_mcmahon@mastodon.scot)](https://img.shields.io/badge/Mastodon-@james__mcmahon@mastodon.scot-6364ff?style=social&logo=mastodon "My Mastodon profile")](https://mastodon.scot/@james_mcmahon)
[![Bluesky profile for James Hayes (@strathview.uk)](https://img.shields.io/badge/Bluesky-@strathview.uk-1da1f2?style=social&logo=bluesky "My Bluesky profile")](https://bsky.app/profile/strathview.uk)
[![ORCID profile for James Hayes with ID 0000-0002-5380-2029](https://img.shields.io/badge/ORCID-0000--0002--5380--2029-a6ce39?style=social&logo=orcid)](https://orcid.org/0000-0002-5380-2029 "View James Hayes's ORCID profile")
[![Mastodon profile for James Hayes (@james_mcmahon@mastodon.scot)](https://img.shields.io/badge/Mastodon-@james__mcmahon@mastodon.scot-6364ff?style=social&logo=mastodon)](https://mastodon.scot/@james_mcmahon "View James Hayes's Mastodon profile")
[![Bluesky profile for James Hayes (@strathview.uk)](https://img.shields.io/badge/Bluesky-@strathview.uk-1da1f2?style=social&logo=bluesky)](https://bsky.app/profile/strathview.uk "View James Hayes's Bluesky profile")