Chore/a11y improvements b light

[dmaduzia]

No description provided.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chore/a11y-improvements-b-light

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[valueadd-robot]

PR is detected, will deploy to dev environment

[Copilot]

Pull Request Overview

This PR implements comprehensive accessibility improvements across the blog application, focusing on enhancing screen reader support, keyboard navigation, and semantic markup.

Key changes include:

• Added aria-hidden="true" to decorative SVG icons throughout the application
• Improved keyboard navigation with focus management for article category tabs
• Enhanced semantic markup with proper ARIA labels and roles
• Created a new focusable directive for managing keyboard navigation

Reviewed Changes

Copilot reviewed 39 out of 39 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
tsconfig.base.json	Added path mapping for new ui-focusable library
libs/blog/shared/ui-focusable/*	New library providing FocusableItemDirective for keyboard navigation
libs/blog/shared/ui-social-media-icons/*	Improved ARIA labels with translatable text and hidden decorative icons
libs/blog/search/*	Added dialog role and aria-hidden to decorative icons
libs/blog/layouts/*	Enhanced navigation with proper ARIA labels and translatable text
libs/blog/articles/*	Improved article card accessibility with proper link structure and hidden decorative icons
libs/blog/newsletter/*	Added keyboard support for space key on checkbox and removed focus outline styles
apps/blog/src/assets/i18n/*	Added new translation keys for accessibility labels

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Incorrect library name in README title. Should be 'ui-focusable' not 'ui-tooltip'.

Suggested change

	# ui-tooltip
	This library was generated with [Nx](https://nx.dev).
	## Running unit tests
	Run `nx test ui-tooltip` to execute the unit tests.
	# ui-focusable
	This library was generated with [Nx](https://nx.dev).
	## Running unit tests
	Run `nx test ui-focusable` to execute the unit tests.

[Copilot]

Incorrect library name in test command. Should be 'ui-focusable' not 'ui-tooltip'.

Suggested change

	# ui-tooltip
	This library was generated with [Nx](https://nx.dev).
	## Running unit tests
	Run `nx test ui-tooltip` to execute the unit tests.
	# ui-focusable
	This library was generated with [Nx](https://nx.dev).
	## Running unit tests
	Run `nx test ui-focusable` to execute the unit tests.

[Copilot]

Empty alt attribute for partner logos. Partner images should have meaningful alt text describing the partner name, not empty alt text.

Suggested change

	[alt]=""
	[alt]="partner.title"

[valueadd-robot]

Deployed to dev environment
Branch: chore/a11y-improvements-b-light
BFF URL: https://22b1c6e5-blog-bff-dev.contact-ef8.workers.dev
Deploy URL: https://6a1bc923.angular-love-client.pages.dev
Alias URL: https://chore-a11y-improvements-b-li.angular-love-client.pages.dev