akshitagupta15june / akshitagupta15june/PetMe

[Bug]: Needs to add alt, ARIA, attributes to Respective Image, Social Links and Form Sections and Other Minor Changes

Open
#1,010 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
515
Forks
747
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
- **I want to add alt, ARIA, attributes to Respective Image, Social Links and Form Sections and Other Minor Changes**
- **Missing alt attribute and it's text missing in some Image Tags**
- **Also, ARIA Attribute needs for web accessibility and screen readers in DOM with Assistive Technologies(AT)**
- **Other Side, we needs to add title(Tooltip), target, rel, ARIA Attributes for Social Icons**
- **`Additionally, Respective Social Icons are not Visible on Footer Section Area. Before going to those above Multiple Issues, I will go with Social Icons visibility Design`**

**To Reproduce**
Steps to reproduce the behavior:
1. Go to 'https://akshitagupta15june.github.io/PetMe/'
2. Click on '....'
3. Scroll down to `'Footer Section'`
4. See error on `Respective Social Icons are not Visible and need Much Design for Improvement with HTML, CSS (Tailwind CSS)`

**Expected behavior**
- Above Raising attributes are added to Respective Elements and Expect Zero Level Bugs to these Changes

**Screenshots**
If applicable, add screenshots to help explain your problem.

**Desktop (please complete the following information):**
- OS: [Windows]
- Browser [Chrome]
- Version [115.0.0]

**Smartphone (please complete the following information):**
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]

**Additional context**
- The `aria-label attribute` provides a way to place a descriptive text label on an object, such as a link, when there are no elements visible on the page that describe the object. If descriptive elements are visible on the page, the aria-labelledby attribute should be used instead of aria-label .
- The `rel attribute` specifies the relationship between the current document and the linked document. Only used if the href attribute is present.
- The `target attribute` inside anchor tags ( ) tells the browser where the linked document should be loaded. It's optional, and defaults to _self when no value is provided.
- The `title attribute` gives users an important indication as to where they will be directed to when they click on a link. If the user hovers with the mouse over a link reference, the title text, which was defined in the attribute, will be displayed.
- The required `alt attribute` specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

### For Reviewers
- `Additionally I wants to add Proper Design for Social Icons because of these are not Properly Visible on Footer Section Area`
- `After that, I proceed with the above Multiple challenges and It's easier for Me`
- **`So, Actually I work on Two Issues like because One Issue is Based on Another Issue combines with Created A One Issue`**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.