ArtHStore

Website Accessibility and Usability Review

Contents

  • Overview of evaluation

  • Opportunities

  • Recommendations

Overview of evaluation

Starting from the idea of ​​art in fashion and jewelry, art that can be worn, Art H Store offers handmade accessories like painted t-shirts and personalized jewelry.

I assessed the existing website for these factors and made recommendations for improvement.


  • Accessibility - Can users of all ability levels access the website?


  • Usability - Can new users easily understand the website?

While I haven't had the opportunity to collaborate with Art H Store, I assessed the existing website for these factors and thought of recommendations for improvement.

  • Accessibility - Can users of all ability levels access the website?

  • Usability - Can new users easily understand the website?

I assessed the existing website for these factors and made recommendations for improvement.


  • Accessibility - Can users of all ability levels access the website?


  • Usability - Can new users easily understand the website?

Top 3 opportunities

1 . Add meaningful Alt Text
Helps visually impaired users understand images and improves SEO.

2 . Enhance text contrast 
Make content more readable for users.

3 . Improve Existing Content
Ensure logo visibility and adjust the appearance of actionable text.

Recommendations

  1. Meaningful Alt Text

The product images lack alternative text, which makes them inaccessible to users who rely on assistive technology to interact with the website. 


This prevents customers who cannot see the screen from making informed purchases, ultimately leading to a loss of sales.


As an example, the alternative text for this image could be "Pink polymer mug with a 3D doll of a girl holding flowers, 350 ml".

Pink polymer mug with a 3D doll of a girl holding flowers
Pink polymer mug with a 3D doll of a girl holding flowers
Pink polymer mug with a 3D doll of a girl holding flowers

Also, a search engine can’t see photos independently, so if the technology can understand these images through alt text, the product will likely appear in a search. 


Without alternative text, the website risks losing visibility and potential customers.

  1. Enhance text contrast

Body and some other small text areas on the website fail to meet the minimum color contrast required by the Web Content Accessibility Guidelines (at least 4.5:1).


Users may miss important information, leading to frustration and potential loss of customers.

Contrast ratio 4.31 : 1

Contrast ratio 2.2 : 1

Contrast ratio 4.31 : 1

Contrast ratio 2.2 : 1

Contrast ratio 4.31 : 1

Contrast ratio 2.2 : 1

Contrast ratio 3.18 : 1

Contrast ratio 2.17 : 1

  1. Improve existing content

3.1 Ensure logo visibility

The logo does not appear untill scrolling down. The logo helps with brand recognition and often serves as a navigational element that users expect to click to return to the homepage, improving site navigation and user experience.

3.2 Adjust the appearance of actionable text

Text that is not a hyperlink is underlined and confuse users. The only clickable content is the button labeled "Vezi magazin".

3.3 Lack of visual hierarchy

The homepage has multiple competing text sizes and boldness, making it hard to determine the most important information at first glance.

The homepage requires a clear visual hierarchy and simplicity. Use compelling and clear headlines to communicate value and capture the interest of potential customers.

Additional opportunities

1 . Add Skip Link
Improve keyboard navigation for users to bypass repetitive content.

2 . Clearly and accessible vertical navigation
Reduce confusion and improve overall navigation.

3 . Ensure Keyboard Focus Visibility
Help keyboard users easily track their selections.

4 . Accessibility statement
Demonstrates a commitment to inclusivity, describes the efforts that have been made and the improvements to expect in the future.

Final thoughts

I have identified critical areas for improvement in my review of Art H Store's website. Addressing these issues will enhance the overall user experience, making the website more intuitive, accessible, and engaging for everyone.

Implementing these recommendations will ensure customer satisfaction and help Art H Store reach more potential customers.

Thank you for checking out my work!