octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Refine accessibility

Browse Source
This commit is contained in:
Zhiyuan Zheng
2021-04-09 21:43:12 +02:00
parent 9258f4b934
commit d4b28df091
57 changed files with 661 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Parse/Emojis.tsx
View File

@ -4,6 +4,7 @@ import { StyleConstants } from '@utils/styles/constants'
import { adaptiveScale } from '@utils/styles/scaling'
import { useTheme } from '@utils/styles/ThemeManager'
import React, { useMemo } from 'react'
import { useTranslation } from 'react-i18next'
import { StyleSheet, Text } from 'react-native'
import FastImage from 'react-native-fast-image'
import { useSelector } from 'react-redux'
@ -27,6 +28,7 @@ const ParseEmojis = React.memo(
adaptiveSize = false,
fontBold = false
}: Props) => {
const { t } = useTranslation('componentParse')
const { reduceMotionEnabled } = useAccessibility()
const adaptiveFontsize = useSelector(getSettingsFontsize)
@ -69,10 +71,10 @@ const ParseEmojis = React.memo(
return emojiShortcode === `:${emoji.shortcode}:`
})
if (emojiIndex === -1) {
return <Text key={emojiShortcode}>{emojiShortcode}</Text>
return <Text key={emojiShortcode + i}>{emojiShortcode}</Text>
} else {
if (i === 0) {
return <Text key={emojiShortcode}> </Text>
return <Text key={emojiShortcode + i}> </Text>
} else {
const uri = reduceMotionEnabled
? emojis[emojiIndex].static_url
@ -80,7 +82,7 @@ const ParseEmojis = React.memo(
if (validUrl.isHttpsUri(uri)) {
return (
<FastImage
key={emojiShortcode}
key={emojiShortcode + i}
source={{ uri }}
style={styles.image}
/>
@ -91,7 +93,7 @@ const ParseEmojis = React.memo(
}
}
} else {
return <Text key={str}>{str}</Text>
return <Text key={i}>{str}</Text>
}
})
) : (

2
src/components/Parse/HTML.tsx
View File

@ -53,6 +53,7 @@ const renderNode = ({
: true
return (
<Text
accessible
key={index}
style={{
color: theme.blue,
@ -251,6 +252,7 @@ const ParseHTML = React.memo(
/>
{expandAllow ? (
<Pressable
accessibilityLabel=''
onPress={() => {
analytics('status_readmore', { allow: expandAllow, expanded })
layoutAnimation()