From d6849fb5fa662329c6484c5dd92a02086bbfaf58 Mon Sep 17 00:00:00 2001
From: exoego <mogami@exoego.net>
Date: Sun, 11 Nov 2018 17:34:17 +0900
Subject: [PATCH] Consider accessibility of uppercase text.

---
 src/common-elements/ReadMore.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/common-elements/ReadMore.tsx b/src/common-elements/ReadMore.tsx
index 2ff25761..fce3990c 100644
--- a/src/common-elements/ReadMore.tsx
+++ b/src/common-elements/ReadMore.tsx
@@ -37,6 +37,11 @@ const ReadMoreButton = styled.span`
   border-radius: 2px;
 `;
 
+const ReadMoreButtonText = styled.span`
+  text-transform: uppercase;
+`;
+
+
 export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
   constructor(props: ReadMoreProps) {
     super(props);
@@ -67,7 +72,9 @@ export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
               color={'white'}
               direction={this.state.open ? 'up' : 'down'}
             />
-            {this.state.open ? 'CLOSE' : 'READ MORE'}
+            <ReadMoreButtonText>
+              {this.state.open ? 'Read More' : 'Close'}
+            </ReadMoreButtonText>
           </ReadMoreButton>
         </ReadMoreButtonBackground>
         <Markdown source={content} />