Solution:
Using semantic markup in SVG accessibility testing enhances screen reader compatibility and usability by providing meaningful descriptions and context for SVG elements. Semantic elements like
, <desc>, and <alt> improve accessibility by conveying the content and function of SVG graphics, making them understandable for users with disabilities or those using assistive technologies during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">14.</span>
<div class="exam_quees">
How can you ensure that SVG graphics remain accessible when used as interactive elements during testing?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> By adding appropriate ARIA roles and attributes, such as role="button" or role="link", and ensuring keyboard operability <input type="radio" class="answer_2050"
onclick="checkAnswer('2050', 'A', 'A');"
name="answer_2050"
value="A" >
<span class="radiomark"></span>
<span id="result_2050_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> By increasing the file size of SVG graphics <input type="radio" class="answer_2050"
onclick="checkAnswer('2050', 'B', 'A');"
name="answer_2050"
value="B" >
<span class="radiomark"></span>
<span id="result_2050_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> By using raster images instead of SVG <input type="radio" class="answer_2050"
onclick="checkAnswer('2050', 'C', 'A');"
name="answer_2050"
value="C" >
<span class="radiomark"></span>
<span id="result_2050_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> By applying inline CSS styles to SVG elements <input type="radio" class="answer_2050"
onclick="checkAnswer('2050', 'D', 'A');"
name="answer_2050"
value="D" >
<span class="radiomark"></span>
<span id="result_2050_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2050');">Answer & Solution</a>
<a href="https://mytat.co/question/how-can-you-ensure-that-svg-graphics-remain-accessible-when-used-as-interactive-elements-during-testing-2050" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2050" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
Ensuring that SVG graphics remain accessible when used as interactive elements during testing involves adding appropriate ARIA roles and attributes, such as role="button" or role="link", and ensuring keyboard operability. This ensures that interactive SVG elements are properly labeled, navigable, and usable for users with disabilities or those using assistive technologies during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">15.</span>
<div class="exam_quees">
What is the purpose of using ARIA roles and attributes in SVG accessibility testing?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> To enhance accessibility by specifying the roles and states of SVG elements for assistive technologies <input type="radio" class="answer_2051"
onclick="checkAnswer('2051', 'A', 'A');"
name="answer_2051"
value="A" >
<span class="radiomark"></span>
<span id="result_2051_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> To add complex animations and effects to SVG graphics <input type="radio" class="answer_2051"
onclick="checkAnswer('2051', 'B', 'A');"
name="answer_2051"
value="B" >
<span class="radiomark"></span>
<span id="result_2051_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> To increase the file size of SVG graphics <input type="radio" class="answer_2051"
onclick="checkAnswer('2051', 'C', 'A');"
name="answer_2051"
value="C" >
<span class="radiomark"></span>
<span id="result_2051_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> To control the color scheme of SVG graphics <input type="radio" class="answer_2051"
onclick="checkAnswer('2051', 'D', 'A');"
name="answer_2051"
value="D" >
<span class="radiomark"></span>
<span id="result_2051_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2051');">Answer & Solution</a>
<a href="https://mytat.co/question/what-is-the-purpose-of-using-aria-roles-and-attributes-in-svg-accessibility-testing-2051" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2051" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
Using ARIA roles and attributes in SVG accessibility testing enhances accessibility by specifying the roles and states of SVG elements for assistive technologies. This ensures that SVG elements are properly announced and interactable by screen readers, improving usability and accessibility for users with disabilities or those using assistive technologies during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">16.</span>
<div class="exam_quees">
How can you evaluate the performance of SVG graphics during testing?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> By measuring rendering speed, file size, and resource consumption using performance testing tools <input type="radio" class="answer_2052"
onclick="checkAnswer('2052', 'A', 'A');"
name="answer_2052"
value="A" >
<span class="radiomark"></span>
<span id="result_2052_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> By conducting color contrast analysis within SVG graphics <input type="radio" class="answer_2052"
onclick="checkAnswer('2052', 'B', 'A');"
name="answer_2052"
value="B" >
<span class="radiomark"></span>
<span id="result_2052_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> By applying complex animations and effects to SVG graphics <input type="radio" class="answer_2052"
onclick="checkAnswer('2052', 'C', 'A');"
name="answer_2052"
value="C" >
<span class="radiomark"></span>
<span id="result_2052_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> By increasing the number of SVG elements <input type="radio" class="answer_2052"
onclick="checkAnswer('2052', 'D', 'A');"
name="answer_2052"
value="D" >
<span class="radiomark"></span>
<span id="result_2052_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2052');">Answer & Solution</a>
<a href="https://mytat.co/question/how-can-you-evaluate-the-performance-of-svg-graphics-during-testing-2052" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2052" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
Evaluating the performance of SVG graphics during testing involves measuring rendering speed, file size, and resource consumption using performance testing tools. This helps identify any performance bottlenecks, optimize SVG graphics, and ensure a smooth user experience across different devices and browsers during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">17.</span>
<div class="exam_quees">
What is the purpose of conducting color contrast analysis within SVG accessibility testing?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> To ensure that text within SVG graphics meets color contrast requirements for readability <input type="radio" class="answer_2053"
onclick="checkAnswer('2053', 'A', 'A');"
name="answer_2053"
value="A" >
<span class="radiomark"></span>
<span id="result_2053_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> To add complex animations and effects to SVG graphics <input type="radio" class="answer_2053"
onclick="checkAnswer('2053', 'B', 'A');"
name="answer_2053"
value="B" >
<span class="radiomark"></span>
<span id="result_2053_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> To increase the file size of SVG graphics <input type="radio" class="answer_2053"
onclick="checkAnswer('2053', 'C', 'A');"
name="answer_2053"
value="C" >
<span class="radiomark"></span>
<span id="result_2053_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> To control the layout and positioning of SVG graphics <input type="radio" class="answer_2053"
onclick="checkAnswer('2053', 'D', 'A');"
name="answer_2053"
value="D" >
<span class="radiomark"></span>
<span id="result_2053_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2053');">Answer & Solution</a>
<a href="https://mytat.co/question/what-is-the-purpose-of-conducting-color-contrast-analysis-within-svg-accessibility-testing-2053" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2053" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
Conducting color contrast analysis within SVG accessibility testing ensures that text within SVG graphics meets color contrast requirements for readability. This enhances readability and accessibility for users with color vision deficiencies, ensuring that text is clearly distinguishable and readable against its background during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">18.</span>
<div class="exam_quees">
How can you test the functionality of interactive SVG elements during testing?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> By interacting with SVG elements using mouse clicks, keyboard inputs, or touch gestures <input type="radio" class="answer_2054"
onclick="checkAnswer('2054', 'A', 'A');"
name="answer_2054"
value="A" >
<span class="radiomark"></span>
<span id="result_2054_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> By increasing the file size of SVG graphics <input type="radio" class="answer_2054"
onclick="checkAnswer('2054', 'B', 'A');"
name="answer_2054"
value="B" >
<span class="radiomark"></span>
<span id="result_2054_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> By embedding multimedia content within the SVG <input type="radio" class="answer_2054"
onclick="checkAnswer('2054', 'C', 'A');"
name="answer_2054"
value="C" >
<span class="radiomark"></span>
<span id="result_2054_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> By applying complex CSS animations to SVG graphics <input type="radio" class="answer_2054"
onclick="checkAnswer('2054', 'D', 'A');"
name="answer_2054"
value="D" >
<span class="radiomark"></span>
<span id="result_2054_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2054');">Answer & Solution</a>
<a href="https://mytat.co/question/how-can-you-test-the-functionality-of-interactive-svg-elements-during-testing-2054" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2054" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
Testing the functionality of interactive SVG elements during testing involves interacting with SVG elements using mouse clicks, keyboard inputs, or touch gestures. This ensures that interactive SVG elements are functional, operable, and provide a seamless user experience across different devices and input methods during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">19.</span>
<div class="exam_quees">
What is the recommended approach for testing SVG accessibility and responsiveness across different devices and browsers?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> By using a combination of manual testing and automated testing tools across various devices and browsers <input type="radio" class="answer_2055"
onclick="checkAnswer('2055', 'A', 'A');"
name="answer_2055"
value="A" >
<span class="radiomark"></span>
<span id="result_2055_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> By solely relying on automated testing tools without manual verification <input type="radio" class="answer_2055"
onclick="checkAnswer('2055', 'B', 'A');"
name="answer_2055"
value="B" >
<span class="radiomark"></span>
<span id="result_2055_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> By conducting testing only on one device and browser <input type="radio" class="answer_2055"
onclick="checkAnswer('2055', 'C', 'A');"
name="answer_2055"
value="C" >
<span class="radiomark"></span>
<span id="result_2055_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> By skipping testing for responsiveness and focusing on accessibility <input type="radio" class="answer_2055"
onclick="checkAnswer('2055', 'D', 'A');"
name="answer_2055"
value="D" >
<span class="radiomark"></span>
<span id="result_2055_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2055');">Answer & Solution</a>
<a href="https://mytat.co/question/what-is-the-recommended-approach-for-testing-svg-accessibility-and-responsiveness-across-different-devices-and-browsers-2055" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2055" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
The recommended approach for testing SVG accessibility and responsiveness across different devices and browsers is to use a combination of manual testing and automated testing tools across various devices and browsers. This ensures comprehensive coverage and accuracy in evaluating accessibility, responsiveness, and compatibility, providing a seamless user experience across different platforms during testing. </div>
</div>
</div>
</div>
</div>
</div>
<div class="questio_section">
<div class="question_h"><span class="q_number">20.</span>
<div class="exam_quees">
How can you verify the compatibility of SVG animations across different browsers during testing?
</div>
</div>
<label class="exam_input">
<strong>A).</strong> By testing SVG animations on multiple browsers and platforms to identify any discrepancies or issues <input type="radio" class="answer_2056"
onclick="checkAnswer('2056', 'A', 'A');"
name="answer_2056"
value="A" >
<span class="radiomark"></span>
<span id="result_2056_A"></span>
</label>
<label class="exam_input">
<strong>B).</strong> By increasing the file size of SVG graphics <input type="radio" class="answer_2056"
onclick="checkAnswer('2056', 'B', 'A');"
name="answer_2056"
value="B" >
<span class="radiomark"></span>
<span id="result_2056_B"></span>
</label>
<label class="exam_input">
<strong>C).</strong> By using raster images instead of SVG <input type="radio" class="answer_2056"
onclick="checkAnswer('2056', 'C', 'A');"
name="answer_2056"
value="C" >
<span class="radiomark"></span>
<span id="result_2056_C"></span>
</label>
<label class="exam_input">
<strong>D).</strong> By applying inline CSS styles to SVG elements <input type="radio" class="answer_2056"
onclick="checkAnswer('2056', 'D', 'A');"
name="answer_2056"
value="D" >
<span class="radiomark"></span>
<span id="result_2056_D"></span>
</label>
<div class="question-bottom">
<a href="javascript:void(0);" onclick="show_answer('2056');">Answer & Solution</a>
<a href="https://mytat.co/question/how-can-you-verify-the-compatibility-of-svg-animations-across-different-browsers-during-testing-2056" style="background-color: #9494e3;">Discuss in Board</a>
</div>
<div class="row answer_container" id="answer-2056" style="display: none;">
<div class="col-md-offset-1 col-md-10">
<div class="page-content">
<div class="boxedtitle page-title">
<h2 class="t_left">Answer & Solution</h2>
</div>
<div><span class="color">Answer:</span><strong> Option A</strong> </div>
<div>
<div style=" padding: 10px 0px; float: left; width: 100%;"><span class="color">Solution: </span></div>
<div style=" padding: 10px 0px; float: left; width: 100%; font-family: 'Fira Sans', sans-serif !important;">
Verifying the compatibility of SVG animations across different browsers during testing involves testing SVG animations on multiple browsers and platforms to identify any discrepancies or issues in SVG rendering. This helps ensure that SVG animations display consistently and function properly across different browsers, providing a seamless user experience on various platforms during testing. </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination mt-30 mb-30 float-left w-100">
<div class="pagination_tab">
<ul class='pagination'><li><a href="https://mytat.co/mocktest/testing-svg-accessibility-and-responsiveness-across-devices-and-browsers-4150/"><i class="fa fa-long-arrow-left"></i>Previous</a></li><li><a href="https://mytat.co/mocktest/testing-svg-accessibility-and-responsiveness-across-devices-and-browsers-4150/">1</a></li><li><a href="#" class="active">2</a></li><li><a href="https://mytat.co/mocktest/testing-svg-accessibility-and-responsiveness-across-devices-and-browsers-4150/20">3</a></li><li><a href="https://mytat.co/mocktest/testing-svg-accessibility-and-responsiveness-across-devices-and-browsers-4150/20">Next<i class="fa fa-long-arrow-right"></i></a></li></ul> </div>
</div>
</div>
</div>
</div>
<div class="float-left w-100 mb-4 mt-2">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1557393801492628"
data-ad-slot="2732553741"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function togglePopup() {
$(".content").toggle();
}
function backtoquestion() {
location.reload();
}
function show_answer(id) {
$("#answer-"+id).toggle();
}
</script>
<script>
window.onscroll = function() {myFunction()};
var header = document.getElementById("myHeader");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
<script>
function openNav() {
document.getElementById("collaspe").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("collaspe").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
<script >
$(function () {
$('.openbtn').click(function(){
$('.exo-menu').toggleClass('display');
});
});
</script>
<script >
window.onscroll = function() {myFunction()};
var header = document.getElementById("myHeader");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
function checkAnswer(questionId, selectedOption, correctOption) {
// Save the answer (optional, if you have a save_ans function)
save_ans(questionId, selectedOption);
// Get all result spans for the question
var resultSpans = document.querySelectorAll('span[id^="result_' + questionId + '"]');
// Clear any previous messages
resultSpans.forEach(function(span) {
span.innerHTML = '';
});
// Get the result span for the selected option
var resultSpan = document.getElementById('result_' + questionId + '_' + selectedOption);
// Check if the selected option is correct
if (selectedOption === correctOption) {
resultSpan.innerHTML = '<span class="correct-answer">Correct!</span>';
// Disable all other options
disableOtherOptions(questionId, selectedOption);
} else {
resultSpan.innerHTML = '<span class="wrong-answer">Wrong!</span>';
// Disable the selected (wrong) option
disableOption(questionId, selectedOption);
}
}
function disableOption(questionId, option) {
var radioBtn = document.querySelector('input[name="answer_' + questionId + '"][value="' + option + '"]');
if (radioBtn) {
radioBtn.disabled = true;
}
}
function disableOtherOptions(questionId, correctOption) {
var options = ['A', 'B', 'C', 'D'];
options.forEach(function(option) {
if (option !== correctOption) {
disableOption(questionId, option);
}
});
}
// Optionally, define the save_ans function if it's not defined elsewhere
function save_ans(questionId, selectedOption) {
// Your existing code to save the answer
}
// CSS for correct and wrong answer messages
const style = document.createElement('style');
style.innerHTML = `
.correct-answer {
color: green;
font-weight: bold;
}
.wrong-answer {
color: red;
font-weight: bold;
}
input[disabled] + .radiomark::before {
background-color: #ddd; /* Optional: Change the appearance of disabled radio buttons */
}
`;
document.head.appendChild(style);
</script>
</main><section class="footer float-left w-100">
<div class="container">
<div class="footer_col">
<div class="footer_grid">
<h5>COMPANY</h5>
<ul>
<li><a href="https://mytat.co/about-us">About us</a></li>
<li><a href="https://mytat.co/careers">Careers </a></li>
<li><a href="https://mytat.co/contact-us">Contact Us </a></li>
<li><a href="https://mytat.co/inpress">In Press </a></li>
<li><a href="https://mytat.co/people">People </a></li>
<li><a href="https://mytat.co/companies-list">Companies List </a></li>
</ul>
</div>
<div class="footer_grid">
<h5>Products</h5>
<ul>
<li><a href="https://mytat.co/feature">Features </a></li>
<li><a href="https://mytat.co/coding-assessment">Coding Assessments</a></li>
<li><a href="https://mytat.co/psychometric-assessment"> Psychometric Assessment</a></li>
<li><a href="https://mytat.co/aptitude-assessment">Aptitude Assessments</a></li>
<li><a href="https://mytat.co/technical-assessment"> Tech/Functional Assessments</a></li>
<li><a href="https://mytat.co/video-interview-software"> Video Assessment</a></li>
<li><a href="https://mytat.co/fluency-assessment"> Fluency Assessment</a></li>
<li><a href="https://mytat.co/campus"> Campus</a></li>
</ul>
</div>
<div class="footer_grid">
<h5> </h5>
<ul>
<li><a href="https://mytat.co/learning-page"> Learning</a></li>
<li><a href="https://mytat.co/campus-recruitment">Campus Recruitment </a></li>
<li><a href="https://mytat.co/lateral-recruitment">Lateral Recruitment</a></li>
<li><a href="https://mytat.co/enterprise"> Enterprise</a></li>
<li><a href="https://mytat.co/education">Education</a></li>
<li><a href="https://mytat.co/k12"> K 12</a></li>
<li><a href="https://mytat.co/government"> Government</a></li>
</ul>
</div>
<div class="footer_grid">
<h5>OTHERS</h5>
<ul>
<li><a href="https://mytat.co/blogs" target="_blank"> Blog</a></li>
<li><a href="https://mytat.co/terms-and-conditions">Terms of Services </a></li>
<li><a href="https://mytat.co/privacy-policy"> Privacy Policy</a></li>
<li><a href="https://mytat.co/refundpolicy"> Refund Policy</a></li>
<li><a href="https://mytat.co/mart-category"> Mart Category</a></li>
</ul>
</div>
<div class="footer_grid">
<h5>Partner</h5>
<ul>
<li><a href="https://mytat.co/company/login">Partner Login</a></li>
<li><a href="https://mytat.co/partner-signup">Partner Signup </a></li>
</ul>
</div>
</div>
<div class="float-left w-100">
<p class="text-center mt-3">Copyright © RVR Innovations LLP 2024 | All rights reserved - Mytat.co is the venture of RVR Innovations LLP</p>
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function openNav() {
document.getElementById("collaspe").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("collaspe").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
</body>
</html> 