Commit @bb499fd803df8711cb85a663135be94dcae06822

류윤주 2024-07-23

240723 류윤주 통합지원센터 수정

@bb499fd803df8711cb85a663135be94dcae06822

6f6d6d0

bb499fd

client/views/pages/user/introduction/Introduction.vue

--- client/views/pages/user/introduction/Introduction.vue

+++ client/views/pages/user/introduction/Introduction.vue


         <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 />
                         인공지능을 포함한 지능정보기술을 활용하여 다양한 학습자료 및 학습지원 기능 등을 탑재한 교과서입니다.

                             <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>

                                 </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>

                                 </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>

                                 </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>

                             <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

Open 0
Closed 0

List

...	...	@@ -10,7 +10,7 @@
10	10	<div class="pt100 pb100 relative introduce-page">
11	11	<div class="w1280">
12	12	<div class="pt50 pb50">
13		- <h2 class="page-title text-ct mb30">AI 디지털교과서란?</h2>
	13	+ <h2 class="page-title text-ct mb30" aria-live="polite">AI 디지털교과서란?</h2>
14	14	<p class="box-title text-ct mb15">
15	15	학생 개인의 능력과 수준에 맞는 맞춤 학습 기회를 지원할 수 있도록<br />
16	16	인공지능을 포함한 지능정보기술을 활용하여 다양한 학습자료 및 학습지원 기능 등을 탑재한 교과서입니다.
...	...	@@ -50,15 +50,15 @@
50	50	<ul class="flex align-center">
51	51	<li class="gd-6 mb10">
52	52	<div class="flex justify-between align-center download-item pd10 radius no-gutters">
53		- <h3 class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 방안(23.2)">
	53	+ <p class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 방안(23.2)">
54	54	디지털 기반 교육혁신 방안(23.2)
55		- </h3>
	55	+ </p>
56	56	<div class="flex justify-end align-center gd-2 pd0">
57		- <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
	57	+ <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 방안(23.2) pdf 보기 버튼" id="pdfPreviewButton"
58	58	@click="$openPdfViewrWindwow('FILE_0000000005', pageAuth)" title="미리보기">
59	59	<svg-icon type="mdi" :path="pdfPath" role="img"
60	60	aria-labelledby="pdfPreviewButton"></svg-icon></button>
61		- <button class="icon-btn cursor" aria-label="downloadButton" id="downloadButton"
	61	+ <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 방안(23.2) 다운로드 버튼" id="downloadButton"
62	62	@click="$downloadFileById('FILE_0000000005', 'CMMN_FILE_0000000005', 'AI 디지털 기반 교육혁신 방안.pdf', 'BBS_0000000031', pageAuth)"
63	63	title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
64	64	aria-labelledby="downloadButton"></svg-icon></button>
...	...	@@ -67,15 +67,15 @@
67	67	</li>
68	68	<li class="gd-6 mb10">
69	69	<div class="flex justify-between align-center download-item pd10 radius no-gutters">
70		- <h3 class="gd-10 ellipsis default-text" title="AI 디지털교과서 추진 방안(23.6)">
	70	+ <p class="gd-10 ellipsis default-text" title="AI 디지털교과서 추진 방안(23.6)">
71	71	AI 디지털교과서 추진 방안(23.6)
72		- </h3>
	72	+ </p>
73	73	<div class="flex justify-end align-center gd-2 pd0">
74		- <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
	74	+ <button class="icon-btn cursor" aria-label="AI 디지털교과서 추진 방안(23.6) pdf 보기 버튼" id="pdfPreviewButton"
75	75	@click="$openPdfViewrWindwow('FILE_0000000006', pageAuth)" title="미리보기">
76	76	<svg-icon type="mdi" :path="pdfPath" role="img"
77	77	aria-labelledby="pdfPreviewButton"></svg-icon></button>
78		- <button class="icon-btn cursor" aria-label="downloadButton" id="downloadButton"
	78	+ <button class="icon-btn cursor" aria-label="AI 디지털교과서 추진 방안(23.6) 다운로드 버튼" id="downloadButton"
79	79	@click="$downloadFileById('FILE_0000000006', 'CMMN_FILE_0000000006', 'AI 디지털교과서 추진 방안.pdf', 'BBS_0000000031', pageAuth)"
80	80	title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
81	81	aria-labelledby="downloadButton"></svg-icon></button>
...	...	@@ -84,15 +84,15 @@
84	84	</li>
85	85	<li class="gd-6 mb10">
86	86	<div class="flex justify-between align-center download-item pd10 radius no-gutters">
87		- <h3 class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 역량강화 지원 방안(24.4)">
	87	+ <p class="gd-10 ellipsis default-text" title="디지털 기반 교육혁신 역량강화 지원 방안(24.4)">
88	88	디지털 기반 교육혁신 역량강화 지원 방안(24.4)
89		- </h3>
	89	+ </p>
90	90	<div class="flex justify-end align-center gd-2 pd0">
91		- <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
	91	+ <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 역량강화 지원 방안(24.4) pdf 보기 버튼" id="pdfPreviewButton"
92	92	@click="$openPdfViewrWindwow('FILE_0000000008', pageAuth)" title="미리보기">
93	93	<svg-icon type="mdi" :path="pdfPath" role="img"
94	94	aria-labelledby="pdfPreviewButton"></svg-icon></button>
95		- <button class="icon-btn cursor" aria-label="downloadButton" id="downloadButton"
	95	+ <button class="icon-btn cursor" aria-label="디지털 기반 교육혁신 역량강화 지원 방안(24.4) 다운로드 버튼" id="downloadButton"
96	96	@click="$downloadFileById('FILE_0000000008', 'CMMN_FILE_0000000008', '디지털 기반 교육혁신 역량강화 지원 방안.pdf', 'BBS_0000000031', pageAuth)"
97	97	title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
98	98	aria-labelledby="downloadButton"></svg-icon></button>
...	...	@@ -101,15 +101,15 @@
101	101	</li>
102	102	<li class="gd-6 mb10">
103	103	<div class="flex justify-between align-center download-item pd10 radius no-gutters">
104		- <h3 class="gd-10 ellipsis default-text" title="디지털 교육 규범(24.7)">
	104	+ <p class="gd-10 ellipsis default-text" title="디지털 교육 규범(24.7)">
105	105	디지털 교육 규범(24.7)
106		- </h3>
	106	+ </p>
107	107	<div class="flex justify-end align-center gd-2 pd0">
108		- <button class="icon-btn cursor" aria-label="pdfPreviewButton" id="pdfPreviewButton"
	108	+ <button class="icon-btn cursor" aria-label="디지털 교육 규범(24.7) pdf 보기 버튼" id="pdfPreviewButton"
109	109	@click="$openPdfViewrWindwow('FILE_0000001274', pageAuth)" title="미리보기">
110	110	<svg-icon type="mdi" :path="pdfPath" role="img"
111	111	aria-labelledby="pdfPreviewButton"></svg-icon></button>
112		- <button class="icon-btn cursor" aria-label="downloadButton" id="downloadButton"
	112	+ <button class="icon-btn cursor" aria-label="디지털 교육 규범(24.7) 다운로드 버튼" id="downloadButton"
113	113	@click="$downloadFileById('FILE_0000001274', 'CMMN_FILE_0000001013', '디지털 교육 규범.pdf', 'BBS_0000000031', pageAuth)"
114	114	title="다운로드"> <svg-icon type="mdi" :path="downloadPath" role="img"
115	115	aria-labelledby="downloadButton"></svg-icon></button>
...	...	@@ -163,7 +163,7 @@
163	163	<div class="content flex-column justify-center align-center">
164	164	<div :class="{ 'hov-before text-ct': true, 'none': item.isActive }">
165	165	<h3 class="page-sub-title text-ct mb15 white">{{ item.title }}</h3>
166		- <button class="pd15 detail-text" @click="item.isActive = true">자세히보기</button>
	166	+ <button class="pd15 detail-text" :aria-label="item.title + '자세히 보기'" @click="item.isActive = true">자세히보기</button>
167	167	</div>
168	168	<div :class="{ 'hov-affter': true, 'active': item.isActive }">
169	169	<h3 class="page-sub-title text-ct mb15 white">{{ item.title }}</h3>

Delete comment