status-im/status-mobile
2
0
Fork 0
mirror of https://github.com/status-im/status-mobile.git synced 2025-02-26 23:31:03 +00:00
Code Issues Projects Releases Wiki Activity

Add accessibility to components (#14359)

Browse Source 
- chat name text component
- quoted message text component
This commit is contained in:
Parvesh Monu 2022-11-15 16:41:56 +05:30 committed by GitHub
parent 2f4d8accae
commit 1228f4aa26
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/status_im/ui2/screens/chat/components/message_home_item/view.cljs
View File

@ -80,8 +80,9 @@
(defn display-name-view [display-name contact timestamp] (defn display-name-view [display-name contact timestamp]
[rn/view {:style {:flex-direction :row}} [rn/view {:style {:flex-direction :row}}
[text/text {:weight :semi-bold [text/text {:weight :semi-bold
:size :paragraph-1} :accessibility-label :chat-name-text
:size :paragraph-1}
display-name] display-name]
[verified-or-contact-icon contact] [verified-or-contact-icon contact]
[text/text {:style (style/timestamp)} [text/text {:style (style/timestamp)}

25
src/status_im/ui2/screens/chat/components/reply.cljs
View File

@ -63,17 +63,20 @@
:number-of-lines 1 :number-of-lines 1
:style {:margin-left 4}} :style {:margin-left 4}}
(format-reply-author from contact-name current-public-key)] (format-reply-author from contact-name current-public-key)]
[quo2.text/text {:number-of-lines 1 [quo2.text/text
:size :label {:number-of-lines 1
:weight :regular :size :label
:style (merge {:ellipsize-mode :tail :weight :regular
:text-transform :none :accessibility-label :quoted-message
:margin-left 4 :style (merge
:margin-top 2} {:ellipsize-mode :tail
(when (or (= constants/content-type-image content-type) :text-transform :none
(= constants/content-type-sticker content-type) :margin-left 4
(= constants/content-type-audio content-type)) :margin-top 2}
{:color (colors/theme-colors colors/neutral-50 colors/neutral-40)}))} (when (or (= constants/content-type-image content-type)
(= constants/content-type-sticker content-type)
(= constants/content-type-audio content-type))
{:color (colors/theme-colors colors/neutral-50 colors/neutral-40)}))}
(case (or content-type contentType) (case (or content-type contentType)
constants/content-type-image "Image" constants/content-type-image "Image"
constants/content-type-sticker "Sticker" constants/content-type-sticker "Sticker"