류윤주 류윤주 2024-07-23
240723 류윤주 통합지원센터 수정
@bb499fd803df8711cb85a663135be94dcae06822
client/views/pages/user/introduction/Introduction.vue
--- client/views/pages/user/introduction/Introduction.vue
+++ client/views/pages/user/introduction/Introduction.vue
@@ -10,7 +10,7 @@
         <div class="pt100 pb100 relative introduce-page">
             <div class="w1280">
                 <div class="pt50 pb50">
-                    <h2 class="page-title text-ct mb30">AI 디지털교과서란?</h2>
+                    <h2 class="page-title text-ct mb30" aria-live="polite">AI 디지털교과서란?</h2>
                     <p class="box-title text-ct mb15">
                         학생 개인의 능력과 수준에 맞는 맞춤 학습 기회를 지원할 수 있도록<br />
                         인공지능을 포함한 지능정보기술을 활용하여 다양한 학습자료 및 학습지원 기능 등을 탑재한 교과서입니다.
@@ -50,15 +50,15 @@
                             <ul class="flex align-center">
                                 <li class="gd-6 mb10">
                                     <div class="flex justify-between align-center download-item pd10 radius no-gutters">
-                                        <h3 class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 방안(23.2)">
+                                        <p class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 방안(23.2)">
                                             디지털 기반 교육혁신 방안(23.2)
-                                        </h3>
+                                        </p>
                                         <div class="flex justify-end align-center gd-2 pd0">
-                                            <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
+                                            <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 방안(23.2) pdf 보기 버튼" id="pdfPreviewButton"
                                                 @click="$openPdfViewrWindwow('FILE_0000000005', pageAuth)" title="미리보기">
                                                 <svg-icon type="mdi" :path="pdfPath" role="img"
                                                     aria-labelledby="pdfPreviewButton"></svg-icon></button>
-                                            <button class="icon-btn cursor"  aria-label="downloadButton" id="downloadButton"
+                                            <button class="icon-btn cursor"  aria-label="디지털 기반 교육혁신 방안(23.2) 다운로드 버튼" id="downloadButton"
                                                 @click="$downloadFileById('FILE_0000000005', 'CMMN_FILE_0000000005', 'AI 디지털 기반 교육혁신 방안.pdf', 'BBS_0000000031', pageAuth)"
                                                 title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
                                                     aria-labelledby="downloadButton"></svg-icon></button>
@@ -67,15 +67,15 @@
                                 </li>
                                 <li class="gd-6 mb10">
                                     <div class="flex justify-between align-center download-item pd10 radius no-gutters">
-                                        <h3 class="gd-10 ellipsis default-text" title="AI 디지털교과서 추진 방안(23.6)">
+                                        <p class="gd-10 ellipsis default-text" title="AI 디지털교과서 추진 방안(23.6)">
                                             AI 디지털교과서 추진 방안(23.6)
-                                        </h3>
+                                        </p>
                                         <div class="flex justify-end align-center gd-2 pd0">
-                                            <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
+                                            <button class="icon-btn cursor" aria-label="AI 디지털교과서 추진 방안(23.6) pdf 보기 버튼" id="pdfPreviewButton"
                                                 @click="$openPdfViewrWindwow('FILE_0000000006', pageAuth)" title="미리보기">
                                                 <svg-icon type="mdi" :path="pdfPath" role="img"
                                                     aria-labelledby="pdfPreviewButton"></svg-icon></button>
-                                            <button class="icon-btn cursor"  aria-label="downloadButton" id="downloadButton"
+                                            <button class="icon-btn cursor"  aria-label="AI 디지털교과서 추진 방안(23.6) 다운로드 버튼" id="downloadButton"
                                                 @click="$downloadFileById('FILE_0000000006', 'CMMN_FILE_0000000006', 'AI 디지털교과서 추진 방안.pdf', 'BBS_0000000031', pageAuth)"
                                                 title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
                                                     aria-labelledby="downloadButton"></svg-icon></button>
@@ -84,15 +84,15 @@
                                 </li>                               
                                 <li class="gd-6 mb10">
                                     <div class="flex justify-between align-center download-item pd10 radius no-gutters">
-                                        <h3 class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 역량강화 지원 방안(24.4)">
+                                        <p class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 역량강화 지원 방안(24.4)">
                                             디지털 기반 교육혁신 역량강화 지원 방안(24.4)
-                                        </h3>
+                                        </p>
                                         <div class="flex justify-end align-center gd-2 pd0">
-                                            <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
+                                            <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 역량강화 지원 방안(24.4) pdf 보기 버튼" id="pdfPreviewButton"
                                                 @click="$openPdfViewrWindwow('FILE_0000000008', pageAuth)" title="미리보기">
                                                 <svg-icon type="mdi" :path="pdfPath" role="img"
                                                     aria-labelledby="pdfPreviewButton"></svg-icon></button>
-                                            <button class="icon-btn cursor" aria-label="downloadButton" id="downloadButton"
+                                            <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 역량강화 지원 방안(24.4) 다운로드 버튼" id="downloadButton"
                                                 @click="$downloadFileById('FILE_0000000008', 'CMMN_FILE_0000000008', '디지털 기반 교육혁신 역량강화 지원 방안.pdf', 'BBS_0000000031', pageAuth)"
                                                 title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
                                                     aria-labelledby="downloadButton"></svg-icon></button>
@@ -101,15 +101,15 @@
                                 </li>
                                 <li class="gd-6 mb10">
                                     <div class="flex justify-between align-center download-item pd10 radius no-gutters">
-                                        <h3 class="gd-10 ellipsis default-text" title="디지털 교육 규범(24.7)">
+                                        <p class="gd-10 ellipsis default-text" title="디지털 교육 규범(24.7)">
                                             디지털 교육 규범(24.7)
-                                        </h3>
+                                        </p>
                                         <div class="flex justify-end align-center gd-2 pd0">
-                                            <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
+                                            <button class="icon-btn cursor" aria-label="디지털 교육 규범(24.7) pdf 보기 버튼" id="pdfPreviewButton"
                                                 @click="$openPdfViewrWindwow('FILE_0000001274', pageAuth)" title="미리보기">
                                                 <svg-icon type="mdi" :path="pdfPath" role="img"
                                                     aria-labelledby="pdfPreviewButton"></svg-icon></button>
-                                            <button class="icon-btn cursor"  aria-label="downloadButton" id="downloadButton"
+                                            <button class="icon-btn cursor"  aria-label="디지털 교육 규범(24.7) 다운로드 버튼" id="downloadButton"
                                                 @click="$downloadFileById('FILE_0000001274', 'CMMN_FILE_0000001013', '디지털 교육 규범.pdf', 'BBS_0000000031', pageAuth)"
                                                 title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
                                                     aria-labelledby="downloadButton"></svg-icon></button>
@@ -163,7 +163,7 @@
                             <div class="content flex-column justify-center align-center">
                                 <div :class="{ 'hov-before text-ct': true, 'none': item.isActive }">
                                     <h3 class="page-sub-title text-ct mb15 white">{{ item.title }}</h3>
-                                    <button class="pd15 detail-text" @click="item.isActive = true">자세히보기</button>
+                                    <button class="pd15 detail-text" :aria-label="item.title + '자세히 보기'" @click="item.isActive = true">자세히보기</button>
                                 </div>
                                 <div :class="{ 'hov-affter': true, 'active': item.isActive }">
                                     <h3 class="page-sub-title text-ct mb15 white">{{ item.title }}</h3>
Add a comment
List