hasadna / hasadna/reportit-agent

Input fields labels [2h]

Open
#87 1 comment 0 reactions 1 assignee Claimed by @akariv View on GitHub
accessibility
Dominant language
TypeScript
Stars
1
Forks
1
PR merge metrics
No merged PRs in 30d

Description



  • יש לספק תוויות טקסטואליות המקושרות לפקד להזנת קלט

    ![image](https://user-images.githubusercontent.com/3581741/95494402-8b3a3180-09a6-11eb-9028-42d0a77e2dae.png)

    ```
    שם:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95494580-d18f9080-09a6-11eb-9f46-a1b6eba75f29.png)

    ```
    מספר טלפון:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95494818-2cc18300-09a7-11eb-998a-501752d4e077.png)

    ```
    אימייל:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95495675-69da4500-09a8-11eb-80a8-d038df8b5e62.png)

    ```
    וואטסאפ:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95495764-8d9d8b00-09a8-11eb-9ad4-a9087e95aac0.png)

    ```
    פייסבוק:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95496000-e10fd900-09a8-11eb-93a2-6e57e8cec0a2.png)

    ```
    סוג התלונה:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95496086-000e6b00-09a9-11eb-8521-5da761295b96.png)

    ```
    מושא התלונה:

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95496236-2e8c4600-09a9-11eb-9ab1-f09acf63e78c.png)

    תיאור המקרה:

    ![image](https://user-images.githubusercontent.com/3581741/95496437-8460ee00-09a9-11eb-8b82-d0d84c22b77b.png)

    ```
    מיקום הארוע

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95496649-cee26a80-09a9-11eb-8c20-0bd8f0698ad8.png)

    ```
    מידע נוסף על מושא התלונה

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95496893-28e33000-09aa-11eb-9d8b-068025f3d347.png)

    ```
    פרטים אישיים של מושא התלונה

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95497060-6cd63500-09aa-11eb-97b1-c971ec110552.png)
    ```
    שם המוסד או הארגון

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95497178-968f5c00-09aa-11eb-9912-411cedb78033.png)

    ```
    סוג המוסד או הארגון

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95497281-bf175600-09aa-11eb-9bde-275757c673ed.png)
    ```
    פרטי הקשר עם המוסד או הארגון

    ```

    ![image](https://user-images.githubusercontent.com/3581741/95497388-eb32d700-09aa-11eb-8cdf-aff1191eddd9.png)
    ```
    השירות שביקש/ה

    ```


  • השיטה של Place Holder איננה תיקנית

    might consider using hidden labels [see here](https://www.w3.org/WAI/tutorials/forms/instructions/#placeholder-text) for further details.



also, need to adjust the placeholder style, following [this style example](https://www.w3.org/WAI/tutorials/forms/instructions/#styling)

----

2.4.6 [Headings and Labels AA
WebAIM: Creating Accessible Forms - General Form Accessibility
WebAIM: Accessible Form Controls

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.